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
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
@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
Shades (dreamio.org)
Can't wait to try this out tomorrow! Does it work with React Native?
Ritesh Gharat
👍🏻best app
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.
Marcelo
Installed. Thanks!
David Furlong
Great stuff! A pity it doesn't quite work for our root node with our react-router setup
Evgueni Stoilkov
Hi, Does it work with React Native too?
Alaa Bouayed
This looks cool. I'll be giving this a try!
BIJIABO
Thank you! It seems soooooo useful!
Indra Mohan Thota
This looks interesting...
Snow Bit
Nice
Germanas Latvaitis
Gamechanger for me! Congrats on the launch! Have you got any plans on introducing it to jetbrains family of products (Pycharm, Phpstorm, Goland etc..?)
Jenn Deering Davis
Only somewhat relevant, but I love your logo!