state-management
Installation
SKILL.md
Frontend State Management
Overview
Patterns and best practices for managing state in frontend applications across different frameworks.
State Categories
Local vs Global State
| Type | Scope | Examples | Solution |
|---|---|---|---|
| Local UI | Single component | Form inputs, modals, dropdowns | useState, ref |
| Shared UI | Component subtree | Theme, sidebar state | Context, provide/inject |
| Server | Cached API data | Users, products, orders | TanStack Query, SWR |
| Global App | Entire app | Auth, settings, notifications | Zustand, Pinia, Redux |
| URL | Browser URL | Filters, pagination, search | Router params/query |