Ta yaya za ka zaɓi tsarin sarrafa jiha a React?

Question

Accepted Answer

Damre kayan aiki ga **nau'i** na jiha, saida ga buɗewa tare da shafi na jiya ta gida. Yawancin matsalolin "jiha ta jiya" sai dai sune kayan aiki mara daidai ga aiki.

## Jagora na yanke shawara

```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)
```

## Fahimta mafi mahimmaci: server state ≠ client state

Bayanai daga API shine **cache" na bayanai na nesa, ba jiha da ka mallaka ba. Sanya shi a cikin Redux yana nufin ku dace da nauyi, cache, sake buɗewa, da rashin amfani - wuyar gaske da mai kuskure. Kariya ta sarrafa server-state tana yin duk hakan:

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

## Jagoran jiya

- Ajiya jiha a gida kamar yadda zai yiwu; sanya ta kusa inda ake amfani da ita.
- Kar ka sanya mabambaɗo mai sauri a cikin **Context** (yana sake jera duk masu amfani).
- Don jiha ta jiya da ke da sauyawa akai-akai, gwada adadi tare da **selective subscriptions** (Zustand/Jotai) sabda abubuwan kawai za su sake jera don yanki da suka karanta.
- Kumo zuwa Redux Toolkit lokacin da kana bukatan devtools/middleware/tsari tare da jiha ta jiya da aka gida.

Ganye gida shine **rage kuma daidai ajiya" jiha — ba zaɓi kariya ba.