A VS Code extension with a dynamic and interactive hierarchy visualizer for React applications. (Forked from original )
This is the fixed and customized version of original Repository https://github.com/oslabs-beta/ReacTree/
As the original extension stopped working, have forked and continued the enhancements. Thanks to the original contributor for the project. (check below)
The ReacTreeV2 extension can be easily installed via the VS Code Marketplace. Bring up the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of VS Code or by using the View: Extensions command (Ctrl+Shift+X). Type ‘reacTreeV2’ in the search box and select the Install button. VS Code will download and install the extension from the Marketplace.
Instead of selecting a file from the browser now it supports the current open active editor window when the "View Tree" in the nav bar is clicked. A tree is generated if the ReacTree window is not opened or brought in focus if its already generated.
Important Documents to understand the working of ReacTree
Checkout out our medium article for more information about ReacTree!
Additionally, we realized documentation on building a VSCode Webview Panel with React and Messaging is scarce. Don't worry, we wrote this article which goes in depth to easily understand how to build a Webview Panel!
- Justin Kim • LinkedIn • Github
- Fabian Salazar • LinkedIn • Github
- Brian Noh • LinkedIn • Github
- Mike Benliyan• LinkedIn • Github
- Kevin Liu• LinkedIn • Github
ReacTree is developed under the MIT license