Conas a roghnaíonn tú cur chuige bainisteoireachta stáit i React?

Question

Accepted Answer

Meaitseáil an uirlis don **chineál** stáit, seachas storaí domhanda a bhaint amach de réir réamhshocraithe. Is iad "fadhbanna stáit dhomhanda" i ndáiríre an uirlis mícheart don jab.

## Treoir ar dhéanamh cinneadh

```text
Local UI state (toggle, input)      → useState / useReducer
Shared, low-frequency (theme, user) → Context
Server/API data                     → React Query / SWR  (NOT a global store)
Complex global client state         → Zustand / Jotai / Redux Toolkit
URL-shareable state (filters, page) → the URL (search params)
```

## An léargais is tábhachtaí: stáit fhreastalaí ≠ stáit chliaint

Tá sonraí ó API ina **tasc** ar shonraí cianda, ní stáit ar do raibh ann duit. A chur i Redux a chiallaíonn tú go láimhdeach a bhainisteoireacht ag lódáil, tasc, atiarrata, agus neamhbhailíochtú — is dó agus apt a bheith faoi bhriongláidí. Déanann leabharlann stáit fhreastalaí a bhealach ar fad sin:

```jsx
// handles caching, dedup, background refetch, stale-while-revalidate for free
const { data, isLoading } = useQuery({ queryKey: ["todos"], queryFn: getTodos });
```

## Treoracha

- Coimeád stáit **áitiúil** a oiread agus is féidir; a chomhláarálaíonn iad gar do áit a úsáidtear sé.
- Ná cuir luachanna athraitheacha tapa i **Context** (athcharthannann sé ar fad na n-úsáideoirí).
- Do stáit roinnte chliaint le nuashonraithe minic, is fearr a raibh storaí le **liostúchán roghnach** (Zustand/Jotai) ionas nach athcharthannann comhpháirteanna ach an chuid a léitear siad.
- Lean ar ais ar Redux Toolkit nuair is gá duit a dhevtools/middleware/struchtúr ar stáit roinnte i ndáiríre casta.

Is é an fhíorfhoghlam **stáit a íoslaghdú agus a chur i gceart** — ní leabharlann a roghnú.