React File Nesting Explorer

Note: This extension is not the same as the VSCode's File Nesting and is not integrated with it.

Understand Your UI as a Tree

Organize React components in a way that mirrors your UI structure. By nesting files into a visual tree, React File Nesting Explorer helps you quickly understand component relationships and navigate large codebases with less effort.

Documentation

• Homepage
• Get Started: Learn how to use the extension
• Features: Explore the complete list of features

Learn more about React File Nesting Design Pattern

Read React file nesting design pattern on Medium.

Main Features

• New Nested File: Create a new file and nest it under the currently selected file.

• New Nested Folder: Create a new folder and nest it under the currently selected file.

• Delete File Nesting Container: Delete nested files and folders under the currently selected file.

Discover the rest of the features in the Features page.

License

This project is licensed under the MIT License - see the LICENSE file for details.