Cila është ndryshimi midis gjendjes lokale dhe globale?

Question

Accepted Answer

**Gjendja lokale** i përket një komponenti të vetëm (ose një nënpeme të vogël) dhe nuk kërkohet diku tjetër. **Gjendja globale** ndahet me shumë, shpesh komponente të largëta në të gjithë aplikacionin.

## Gjendja lokale — e kufizuar në një komponent

```jsx
function SearchBox() {
  const [query, setQuery] = useState(""); // only THIS component needs `query`
  return <input value={query} onChange={e => setQuery(e.target.value)} />;
}
```

Gjendja lokale jeton brenda komponentit (`useState`, `ref`, `data()`). Shembuj: vlerat e hyrjeve, nëse roli është i hapur, gjendje pezullimi, draft i një forme. Nuk ka komponent tjetër që interesohet.

## Gjendja globale — ndarë në aplikacionin

```jsx
// the logged-in user is needed by the navbar, profile page, settings, checkout...
const user = useUserStore(s => s.user); // from a global store/context
```

Gjendja globale është të dhëna që shumë komponentë të palidhura duhet të lexojnë ose përditësojnë në mënyrë konsistent: përdoruesi i vërtetuar, tema, shporta blerëse, njoftime në gjithë aplikacionin. Jeton në një Context, në një dyqan (Redux/Zustand/Pinia), ose të ngjashëm.

## Si të vendosësh

```text
Ask: "How many components need this, and how far apart are they?"

One component (or parent+child)         → LOCAL state
Many unrelated components / whole app    → GLOBAL state
```

## Një gabim i zakonshëm: mbi-globalizim

```jsx
// ❌ putting a single form's input in global state — unnecessary complexity
globalStore.setFormInput(value);

// ✅ keep it local — only this form uses it
const [value, setValue] = useState("");
```

Rëndimi i gjithçkaje globale shton boilerplate, lidh komponentet, dhe mund të dëmtojë performancën (më shumë render). Praktika më e mirë është **të mbaj gjendjen sa më lokale që të jetë e mundur**, dhe ta ngre vetëm në globale kur ndarjet vërtet e kërkojnë.

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

Përzgjedhja midis lokal dhe global është një nga vendimot më pasoja për gjendjen.

Mbajtja e gjendjes lokale i mban komponentet të thjeshta, të pavarura, dhe efikase; arritja e gjendjes globale vetëm kur të dhënat ndahen vërtet shmang kompleksitetin e panevojshëm.

Anti-modeli i shpeshtë — vendosja e gjithçkaje në një dyqan global "vetëm në rast" — çon në aplikacione të fryra dhe të lidhura fort.

Rregulli udhëzues: **lokalizoje si parazgjedhje, globalizoje vetëm kur ndarjet e kërkojnë.**