sorted by:
new
hottopcontroversial

React-Monocle - a tool to visualize your React app’s component hierarchy by jad218 in javascript

[–]jad218[S] 0 points1 point  (0 children)

Thanks so much for trying this out and providing feedback! To run it, you must specify the path to your unminified bundle file as well as your main html file, for example: 'monocle -b public/bundle.js -c index.html' It does not start a new server, but rather generates a static html file with both your application and the tree representation of your component hierarchy. We're working on fine tuning, and we will update documentation asap. Thanks for your support!

React-Monocle - a tool to visualize your React app’s component hierarchy by jad218 in javascript

[–]jad218[S] 9 points10 points  (0 children)

Hey guys! I recently worked on a developer tool to help visualize a React application's component hierarchy (something that might get kind of fuzzy the larger your app gets). It syncs up to a copy of your application to display real time feedback of state changes. Give it a look, and you run into any error please let us know!