React Folder Structure

- **Colocation**: Keep files close to where they are used. If a component is only used by one parent, put it in the same directory. - **Feature-Driven Architecture**: Group by domain/feature (e.g., `auth`, `billing`) instead of technical role. This makes scaling easier as domains grow independently. - **Public API via Barrel Files**: Use `index.ts` in feature folders to export only what other features need. Internal files remain strictly private. - **Strict Boundaries**: A feature must never import from the internal files of another feature. If code is shared across features, it must be promoted to the global scope. - **Shallow Nesting**: Avoid deep directory trees. Limit…