React Best Practices & Patterns

Philosophy

Components should be small, focused, and composable. A component should do one thing well.

Good Component Design:
┌─────────────────────────────────────────┐
│  Single Responsibility                  │
│  Props are the API                      │
│  State is internal                      │
│  Side effects are explicit              │
│  Composition over inheritance           │
└─────────────────────────────────────────┘