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

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
Lindsay Baird
Hunter
Does Sapling help you with your React projects? What features do you wish it would include? We look forward to hearing your feedback!
Matt Heslington
@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.
Jordan
Maker
@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!
Matt Heslington
@team_sapling @jocella Hi Jordan. That's fantastic, we've incorporated Sapling into our workflow and love using it.
Rodney Sanders
This is a great app
Jehangir Pervez
Great
Sheryar Hyatt
Can't wait to try this out tomorrow! Does it work with React Native?
Ritesh Gharat
👍🏻best app
Buy Adderall Online
cool
Santosh R
Hi
christophe
top !
Raleigh Mack-Bey
Looks nice seems detailed.
Kishore
Just looking at that and knowing someone understood the pain of component navgation in React itself made me happy. Thank you.
12
Next
Last