Step by step React debug tutorial on Chrome OR Visual Studio Code

Hello there,

I have searched through Youtube and other google search sites but I am still confused how to debug React on either Chrome Console or Visual Studio Code. I am looking for step by step React debug tutorial. Some videos talking about terminal and type start npm to create a React port which I do not know what it does and how I do it plus do I need to type in import React inside the code editor? and do I need to have a file ending in .js since its a JavaScript library code? I am looking for beginner tutorial. I would be appreciated if you guys can help me and thank you very much.

I don’t know about tutorials, but I do know that React Developer Tools is a browser extension you can add to Chrome. Once you install it from the Chrome store it just shows up as one of the regular developer tools.

1 Like