DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Vounts
Vounts

Posted on

Best way to debug a React Application or Web Application?

Hello, I've been trying to debug a React Application using just the console. However, what I'm trying to achieve is to put breakpoints like we do in Java, C++, C# and easily detect errors.

I know that there are breakpoints in VSCode and you can step in and step out. However there are functions that gets stepped which you did not code, making it annoying to debug React Applications.

Is there anyway to filter out this code and just step on your code to make it convenient?

Top comments (5)

Collapse
 
vounts profile image
Vounts Author

Also is there a way to step in and out of an async function in javascript? When debugging

Collapse
 
pengeszikra profile image
Peter Vivo

Imho trace the state of application ia helpful.

Collapse
 
vounts profile image
Vounts Author

How can i trace the state of application though?

Collapse
 
brense profile image
Rense Bakker

Something like this should work: stackoverflow.com/a/47566410

Collapse
 
vounts profile image
Vounts Author

Alright thanks will try this

🌚 Life is too short to browse without dark mode