Subscribe
Sign in
Sapling — A convenient way to traverse your React app
A Visual Studio Code extension that organizes your React app's components into an interactive tree in the sidebar. It shows parent-child relationships, props, navigates to the file where a component is defined, and marks any nodes connected to the Redux store.
22
Replies
Great stuff! A pity it doesn't quite work for our root node with our react-router setup
Gamechanger for me! Congrats on the launch! Have you got any plans on introducing it to jetbrains family of products (Pycharm, Phpstorm, Goland etc..?)
Hunter
Does Sapling help you with your React projects? What features do you wish it would include? We look forward to hearing your feedback!
@team_sapling Hello Lindsay, I love Sapling! It would be a fantastic ux if we could select a file to view using VS Code's Explorer, as opposed to the current file selector.
@team_sapling @mattheslington Hey Matt! Thanks for the idea! We've released Sapling 1.2.0, which allows you to right click on the file in VS Code's explorer and select "Generate Tree" from the menu. Give it a try and let us know what you think!
@team_sapling @jocella Hi Jordan. That's fantastic, we've incorporated Sapling into our workflow and love using it.
Future Job