React Engineering Best Practices

This skill covers modern React patterns and best practices for building high-quality applications.

Core Principles

• Composition over inheritance: Build with components
• Unidirectional data flow: Props down, events up
• Declarative UI: Describe what, not how
• Single responsibility: One component, one job
• Immutability: Don't mutate state
• Side effects isolation: Keep them contained

Component Patterns

Pattern 1: Functional Components

Always use functional components: