React Development Standards

Component Structure

Rules Per File Component

Exported components should be one per file when possible; internal components can have multiple if necessary (not recommended).

• Forbid export default (refactoring and tree-shaking issues)
• Use named exports only
• Don't export internal helper components
• File order: Main exported component → Additional exported components → Internal helper components

State Management Rules

State Management Hierarchy