Să decizi unde trăiește state este una dintre cele mai importante abilități arhitecturale. Principiul conductor: pune fiecare bucată de state în cel mai restrâns scop care încă satisface pe toți cei care au nevoie de el — și potrivește fiecare tip de state cu instrumentul potrivit.
Un framework de decizie
1. Who needs this state?
- One component → local state (useState)
- A few related components → lift to common parent / small context
- Many distant components → global store or context
2. What KIND of state is it?
- Server/remote data → server-state library (React Query/SWR)
- UI/client state → useState / Zustand / Redux
- URL-derivable (filters, page) → the URL (searchParams)
- Form input → form library or local state
3. How OFTEN does it change?
- Rarely, widely shared (theme) → Context is fine
- Frequently, widely shared → store with selective subscriptions
