Visualize your React components as you interact with your application
Our DevTool allows you to picture your components, state and props as a DOM tree visualization. It's also interactive. As you trigger state changes within your app (e.g., a click event), the visualization will update as well.
1. Install React Dev Tools
2. Install React Scope
3. Enable "Allow access to file URLs" in the extension settings for React Scope
4. Run your React application
5. Run our app by opening Chrome Developer Tools -> Click on React Scope panel
Check us out on GitHub (https://github.com/React-Scope/React-Scope) and reactscope.com