Debug a React app with Visual Studio Code

Debugging a React app is far from being an easy task... if you don't know the tools you already have, for free!

There are indeed some React-specific tools, but today let's see together one that actually works pretty much with everything!

I'll use a simple React app as a playground, but the exact same instructions work for any other framework and language in general, with some little tweaks.

I'm talking about the Visual Studio Code debugger.

_______________________________

Hit like and subscribe for more content! :D

You can also follow me on the other platforms:
_______________________________

#vscode #reactjs #programming

[StephenBeale]

just what I needed, short and succinct and got the job done - much appreciated!

[mugishaalainchristian]

Thanks man, I was looking for this and All I could see was 1 hour long videos

[lokehirl]

Thank you, I learnt something new and useful thing today as a developer.

[Sarlasnw]

That's helped me a lot! Thank you, bro.

[carlosenriquecastanedaguti]

Excelent explanation, thanks very much for your video.

[dcaballero_]

Thanks so much. You make it easy and look easy for us too lol

[chandanmb]

Hi, Nice video.
Not sure the debug point is not coming to vs code . Do we have special settings done ? Any help would be appreciated

[mylesgideonprospero]

If you were to debug your React project's problem involved with unidentified and unwanted re-renders. How would you do it?
(This video was titled Debugging with React App so I expected it to show a re-rendering problem ✌ )

[golcuk]

Well, what if I have a backend where I want to debug that runs on 4000 port, and in my case I have a front end and when I click the signup button it goes to my back-end code and I want to debug there so in my launch.json file should change the "url" property to 4000 which is my backend?

[n]

Do you have a repo for your code you using to demonstrate, I am very new to React and wish to follow your tutorial using your code

[maksymbaranovskyi]

Is there a way we can use the native browser window instead of the built-in browser that opens up? It doesn't have my extensions and look different overall.

[SeanAhrens]

Are you the voice of "not what you think" videos on YouTube? Very similar!

[martinocom]

How about React Native? Are we still stuck with Flipper?

[watchnow]

U could have demonstrated this by simple code