fec-react-project-standard

Organize large React and TypeScript projects by defining explicit module boundaries across pages, features, components, hooks, routing, and shared utilities. This enforces consistent typing and documented conventions to ensure scalable architecture for mid-to-large front-end applications.

Enforce React and TypeScript architecture conventions by defining a scalable project structure with explicit module boundaries. These documented conventions can be validated directly against repository rules and references to maintain consistent typing and code quality.

This React project structure standard targets mid-to-large front-end applications requiring cross-team collaboration. Its explicit module boundaries and feature division guidelines are specifically tailored for scalable architectures rather than small single-page applications.

Separate React application responsibilities by establishing clear component boundaries, organizing hooks systematically, and structuring routing composition. This ensures distinct roles for state management, API calls, and UI rendering across feature modules.

Generate an initial React and TypeScript project structure by applying standardized rules for module boundaries, component design, and feature division. This produces a foundational architecture aligned with repository conventions and scalable front-end engineering practices.