React Frontend Architecture - React Frontend Architecture Guidelines
Comprehensive guidelines and standards for building scalable React applications, including project structure, component design, state management, and styling.
Tags
Updated: 2026-05-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Define project structure
- Design component architecture
- Establish naming conventions
- Specify styling architecture
- Set Next.js guidelines
Inputs
- React project
- Component requirements
- TypeScript configuration
Outputs
- Project structure
- Component files
- Type definitions
- Style modules
- Architecture documentation
Requirements
- React environment
- TypeScript support
- Next.js (optional)
- CSS Modules support