DEV Community

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?

Latest comments (5)

Collapse
 
vounts profile image
Vounts

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

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

Alright thanks will try this