DEV Community

Cover image for Build large React projects more intuitive with File Nesting in VSCode
Grover Lee
Grover Lee

Posted on

Build large React projects more intuitive with File Nesting in VSCode

Build React applications with ease and more intuitive to compose and navigate thanks to the VSCode extension File Nesting Explorer.

Hi, community! I would like to share the Free VSCode extension that I worked on in the last months. It helps to create a more intuitive file/folder structure in your React projects.

its approach nests files in a way that matches the UI hierarchy of your app. As the Official React docs say "Understanding Your UI as a Tree".

Image description

I hope you find this useful. I'm open for feedback. If you liked my work, please leave 5 stars. It'll help it to gain more relevance in the marketplace.
https://marketplace.visualstudio.com/items?itemName=GroverLee.file-nesting-explorer

Image description

Also, I wrote a Medium post explaining a little bit more. If you like it, don't forget to leave some claps <3

https://medium.com/@brucegroverlee/react-file-nesting-design-pattern-74fe6edba127

Top comments (0)