React Development Folder Structure (RDFS)

A VS Code extension that helps React developers hide unnecessary files and folders during development for a cleaner workspace.

✨ Features

• Toggle workspace visibility through the Command Palette
• Shows only essential folders like src and public
• Hides build, config, and dependency folders
• Works with any React-based project (Vite, CRA, Next.js with config)

🔧 Usage

1. Open a React project in VS Code
2. Press Ctrl + Shift + P to open the Command Palette
3. Type "Rdfs"
4. Select "Rdfs: Toggle Folder Visibility" and press Enter
5. The workspace will instantly hide non-essential folders
6. Repeat the command to revert visibility back to normal

⚙️ Configuration

You can customize hidden files in settings: