React Components Classifier

Analyze your React project and explore component structure visually within VS Code.

Overview

React Components Classifier scans your workspace and organizes React components by dependency level using an Atomic Design-inspired model.

• 🌿 Atoms — components with no internal project dependencies
• 🧩 Molecules — components that use at least one atom
• 🧱 Organisms — components that use at least one molecule
• 🚀 Pages — components that use at least one organism

Features

• Classify React components automatically
• Show results in a dedicated Explorer tree view
• Support JSX and modern React syntax
• Make component dependencies easier to understand

Usage

1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
2. Run Classify React Components.
3. Open the React Components Classifier view in Explorer.
4. Expand categories and click a component to open the source file.

Notes

• The extension scans the currently opened workspace.
• Best suited for React projects using .js, .jsx, .ts, and .tsx files.

Feedback

If you have suggestions or encounter issues, please open an issue in the repository.

License

MIT