React Patterns Principles for building production-ready React applications. --- 1. Component Design Principles Component Types | Type | Use | State | |------|-----|-------| | Server | Data fetching, static | None | | Client | Interactivity | useState, effects | | Presentational | UI display | Props only | | Container | Logic/state | Heavy state | Design Rules - One responsibility per component - Props down, events up - Composition over inheritance - Prefer small, focused components --- 2. Hook Patterns When to Extract Hooks | Pattern | Extract When | |---------|-------------| | useLocalStorag…