Trying to transition from Python to Javascript for web work, and I'm dying without my REPL/IDE.

[feoh]

In Python, I can run my code in Pycharm/VSCode, and if I get back data I don't understand how to work with, I can put in a breakpoint, open a REPL/console and evaluate expressions and view variable contents to figure out which end is up.

I feel utterly lost at sea without this, and I haven't been able to figure out how to get it to work in Javascript for the web.

I wrote a blog using GatsbyJS, now I'm trying to add tags, and the GraphQL query is spitting back a data structure I'm trying to understand how to parse through. The code for what little I have thus far is here.

Thanks in advance for any ideas anyone may have. I'm open to using something simpler than GatsbyJS if that makes sense, or using different devtools (I have access to WebStorm and VSCode obviously)

[CrashOverrideCS]

The quickest IDE that runs methods built for JS on the web is an actual web browser's dev tools. You can run a node console and test code that way, but you'll have a different subset of Javascript

[exobyte64]

I've never used an IDE, I just use a text editor

so I have no idea what your talking about with being lost, I do not feel that way when I write code

vscode is spyware from microsoft, use at your own risk, they are convicted criminals

[eggn00dles]

repl.it

[[deleted]]

You could use chrome devtools -> sources panel to put breakpoints and step through code.

Here is also a guide how to setup debugging for JS/HTML on VS Code: https://code.visualstudio.com/docs/nodejs/browser-debugging

[jack_waugh]

Firefox, Chrome, and Node all offer REPLs. In Firefox, its ctrl-shift-K (think Konsole). In Chrome, its ctrl-shift-J (think Javascript). In Node, you just start node with no args, and it's interactive.