Sapling
A convenient way to traverse your React app
Start new thread

Sapling - A convenient way to traverse your React app

by•
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.

Add a comment

Replies

Best
Hunter
Does Sapling help you with your React projects? What features do you wish it would include? We look forward to hearing your feedback!
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.
Maker
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!
Hi Jordan. That's fantastic, we've incorporated Sapling into our workflow and love using it.
This is a great app
Great
Can't wait to try this out tomorrow! Does it work with React Native?
👍🏻best app
cool
Hi
top !
Looks nice seems detailed.
Just looking at that and knowing someone understood the pain of component navgation in React itself made me happy. Thank you.
12
Next
Last