Si zgjedh një qasje të menaxhimit të gjendjes në React?

Question

Accepted Answer

Përqeso mjetin me **llojin** e gjendjes, në vend që të zgjedhësh automatikisht një dyqan global. Shumica e problemeve të "gjendjes globale" janë në të vërtetë mjeti i gabuar për punën.

## Pse është e rëndësishme

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

## Përshtypja më e rëndësishme: server state ≠ client state

Të dhënat nga një API janë një **cache** të dhënash të largëta, jo gjendje që zotëroni. Vendosja e tyre në Redux do të thotë që ju menaxhoni manualisht ngarkimin, cache-në, ri-marrjen dhe përmbysjen — dhimbje dhe prirje ndaj gabimeve. Një bibliotekë state-serveri bën të gjithë këtë:

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

## Udhëzime

- Ruaje gjendjen sa më **lokale** që të jetë e mundur; vendose atë afër vendit ku përdoret.
- Mos vendos vlerat që ndryshojnë shpejt në **Context** (ajo riikon të gjithë konsumatorët).
- Për gjendjen e përbashkët të klientit me përditësime të shpeshta, prefero një dyqan me **selective subscriptions** (Zustand/Jotai) kështu që komponentët ri-paraqiten vetëm për fendin që lexojnë.
- Shko në Redux Toolkit kur ke nevojë për devtools/middleware/strukturën e tij në gjendje të përbashkët vërtetë komplekse.

Skili i vërtetë është **minimizimi dhe vendosja e saktë** e gjendjes — jo zgjedhja e një biblioteke.