A Chrome Extension tool that visualizes React rendering of components
C-React Extension
The C-React Developer Tool displays a DOM component tree within the Chrome Developer Panel, which receives data sent from our Custom Renderer (https://www.npmjs.com/package/creact-visualizer). Our Developer Tool dynamically updates and communicates with the webpage to visualize component changes and also provides performance metrics of components to promote efficient load times.
Instructions:
1. C-React DevTool from the Chrome Web Store
2. Open your React application, rendered by our Custom Renderer
3. Open Chrome Developer Tools and click on the C-React panel
4. Watch the tree update dynamically as you navigate through your web page by clicking on components
5. Click on tree nodes to see corresponding element highlighted on your web page
This Dev Tool also works with any webpage that is not rendered by our Customer Renderer, but it will not display loading times for specific elements or display corresponding element highlighted on your web page when a tree node is clicked.
Visit us at https://www.c-react.dev/
Source Manifest.json
Similar Extensions
React code finder 105 5 ★ 2.95MiB
React Monitor 105 0 ★ 1.3MiB
TimeToCoda 105 2 ★ 1.56MiB
ViZBL - Get To Know Your Friends 105 10 ★ 7.39MiB
React test selectors extensions 105 1 ★ 946KiB
react fiber visualizer 105 2 ★ 289KiB
React Fetch Tree 105 0 ★ 548KiB
React ChronoScope 105 0 ★ 1.91MiB
Character Input 105 0 ★ 398KiB
React Click To Component 105 2 ★ 39.26KiB
Oracle Apex Session Manager 105 2 ★ 12.76KiB
jjny_blocker 105 3 ★ 43.08KiB
Magento 2 images replace tool 105 0 ★ 16.87KiB
DBmarlin SQL Search 105 1 ★ 40.97KiB
React Fiberline 105 0 ★ 211KiB
Swat Dining 105 1 ★ 572KiB
reactFLO 105 0 ★ 5.17MiB
click-to-react-component 105 5 ★ 79.5KiB
React Inspector 105 8 ★ 26.91KiB
React VT 105 2 ★ 1.51MiB
Realize for React 105 7 ★ 160KiB
React Context DevTool 105 21 ★ 2.35MiB
Reactime 105 33 ★ 803KiB
React Stores Devtools Extension 105 0 ★ 716KiB
User reviews
Chen SHEN (ID: 0000005ffd8cd357) Voted 5 ★ - Updated 06/09/2023
Michelle Lee (ID: 000000ba130befa2) Voted 5 ★ - Updated 05/23/2023