Build large React projects more intuitive with File Nesting in VSCode

#react #webdev #programming #reactnative

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".

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

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

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Top comments (0)

New AI Model Makes Complex Time Series Analysis Simple and Accurate

Mike Young - Feb 25

SigLIP 2: AI Breakthrough in Multilingual Image Understanding Achieves Record Accuracy

Mike Young - Feb 24

Web-Scraped Image Dataset Boosts AI's Understanding of Visual Context by 15%

Mike Young - Feb 23

AI Models Struggle to Understand Historical Artifacts in New Benchmark Test

Mike Young - Feb 22

DEV Community