React Development

Modern React patterns from the official docs and community expertise.

Instructions

When working with React code, apply these principles in order of importance:

1. Think in React

Follow the 5-step process for building React UIs:

1. Break UI into component hierarchy — One component = one responsibility
2. Build static version first — Use props only, no state yet
3. Find minimal state — Ask: Does it change? Is it passed via props? Can it be computed?
4. Identify where state lives — Find closest common parent of components that need it
5. Add inverse data flow — Pass callbacks down to update parent state

2. Keep Components Pure