การตัดสินใจว่า สถานะอยู่ที่ไหน คือหนึ่งในทักษะสถาปัตยกรรมที่สำคัญที่สุด หลักการชี้นำ: วางส่วนของสถานะแต่ละส่วนในขอบเขต ที่แคบที่สุด ซึ่งยังคงตอบสนองความต้องการของทุกคนที่ต้องการ — และจับคู่ประเภทสถานะแต่ละประเภทกับเครื่องมือที่เหมาะสม
กรอบการตัดสินใจ
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
