DEV Community

Cover image for How To Debug React Apps With VS Code - Boost Your Debugging Productivity

How To Debug React Apps With VS Code - Boost Your Debugging Productivity

Johannes Kettmann on September 16, 2022

Debugging a React app can be a slow and painful process. Adding a console.log() statement here and there until you’re finally in the right spot. Or...
Collapse
 
devangtomar profile image
Devang Tomar

That was a nice read! Liked, bookmarked and followed, keep the good work! 🙌

Collapse
 
jkettmann profile image
Johannes Kettmann

Thanks a lot for the nice words :)

Collapse
 
bgw8 profile image
Emil Rydén

When i signup and get the invitation for the repo it seems like the code/url in the instructions are the already fixed one, as there's no bug showing for me when navigating to the "issues" tab. Any ideas?

Collapse
 
jkettmann profile image
Johannes Kettmann

You need to check out the branch "debugging-exercise" :)

Thanks for that question btw. I added that info to the email but didn't realize that the code formatting was broken. Wouldn't have found out without your comment

Collapse
 
bgw8 profile image
Emil Rydén

Thank you Johannes, forgot to check the remote branches and thought it was stuck on "main" :)

Collapse
 
katya_pavlopoulos profile image
Katya Pavlopoulos

The kind of React debugging tutorial I've been looking for! Thank you so much Johannes!

Collapse
 
lizardkinglk profile image
sndp • Edited

Nice post. Thanks for sharing.

Collapse
 
olsard profile image
olsard

Great! Thanks a lot for so nice explanation!

Collapse
 
jkettmann profile image
Johannes Kettmann

Thanks for the feedback :)

Collapse
 
medimess profile image
Mehdi Messarat

Thank you very much, very helpful post

Collapse
 
jkettmann profile image
Johannes Kettmann

Thanks for the feedback :)

Collapse
 
liago profile image
Liago

Cool! Finally someone that explain in a clear way. Thanks a bunch, mate!

Collapse
 
jkettmann profile image
Johannes Kettmann

Thanks for the feedback :)