Debug React with WebStorm - Tuong-Nguyen/JavaScript-Structure GitHub Wiki

For debugging React application with Webstorm, we can follow instructions in this link: https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/

Here are steps:

• Add a Run/Debug Configuration (Run > Edit configuration)
• Add JavaScript Debugger
• Input name, URL, select the folder which contains the source code
• Click OK.

Note: We need to install JetBrains IDE support extension on Chrome for webstorm to communicate with Chrome