State management in React: the right tool for the job

Many projects reach for Redux too early, when most state just needs to live close to where it's used.

# Local state is the default

useState and useReducer cover most needs. Only lift state up when several places genuinely share it.

# Distinguish server state

Data from APIs is best managed by tools built for caching and syncing, rather than stuffed into a global store by hand.

• Context for rarely-changing state
• Avoid deep prop drilling
• Keep a single source of truth

Simple state is state you can reason about.