If you do not have visual studio code already installed, it can be downloaded from here : Download Visual Studio Code We will mainly see how this application can be debugged from right inside the Visual Studio Code. As the main motive of this blog is to show how React App can be debugged from Visual Studio Code, we will not discuss how the application is built.
This is a popular example for anyone learning React. In this blog, we will take example of Filtered Product List application found on under Thinking in React section. Visual Studio Code with its in-built debugging support for node.js runtime is perfect for this scenario. But having developed many java-based enterprise applications in previous years, I am someone who prefers to debug code inside my editor only. There is nothing wrong with this approach of debugging. For React-based apps, React Developer Tools is such an extension. Debugging React Apps In Visual Studio Codeīy Pranav Manair Browser debugger or extension to the browser debugger is the usual way of debugging Javascript-based web applications and Javascript-based frameworks like React, Angular, etc.