Je nini tofauti kati ya hali ya ndani na hali ya kimataifa?

Question

Accepted Answer

**Hali ya ndani** ni ya kijenzi kimoja (au kigumu kidogo) na haihitajiki mahali pengine. **Hali ya kimataifa** inashirikiwa kati ya mengi, mara nyingi, kijenzi kilicho mbali katika programu nzima.

## Hali ya ndani — iliyofungwa kwa kijenzi kimoja

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

Hali ya ndani iko ndani ya kijenzi (`useState`, `ref`, `data()`). Mifano: thamani za ingizo, ikiwa kiwango cha mabadiliko kimefunguka, hali ya kusimama, rasimu ya fomu. Hakuna kijenzi kingine kinachojali kuhusu hilo.

## Hali ya kimataifa — inashirikiwa katika programu nzima

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

Hali ya kimataifa ni data ambayo kijenzi kingi kisicho na uhusiano lazima kisitare au kubadilisha kwa njia thabiti: mtumiaji aliyethibitishwa, mada, cart ya ununuzi, arifa za programu nzima. Inaishi katika Context, hifadhi (Redux/Zustand/Pinia), au kitu sawa.

## Jinsi ya kuamua

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

## Hitilafu ya kawaida: kuongeza hali ya kimataifa kupita kiasi

```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("");
```

Kufanya kila kitu kwa jumla kunaongeza boilerplate, inaunganisha kijenzi, na inaweza kuharibu utendaji (rerenders zaidi). Njia nzuri zaidi ni **kuweka hali kama ilivyo ndani iwezekanavyo**, na kuinua kwa jumla tu wakati mgawanyiko ungehitaji.

## Kwa nini inakusudiwa

Kuchagua ndani dhidi ya kumataifa ni mojawapo ya maamuzi makuu ya hali.

Kuweka hali ndani kuweka vijenzi rahisi, visivyojitegemea, na vyenye kufanya kazi vizuri; kufikiri hali ya kimataifa tu wakati data inashirikiwa kwa kweli kuepusha ugumu usiotakikika.

Anti-muundo ya kawaida — kuweka kila kitu katika hifadhi ya jumla "tu ili kuwa salama" — husababisha programu iliyokubwa na iliyounganishwa kwa nguvu.

Mwongozo unaoelekezea: **fanya mahali pa ndani kwa muadiliano, fanya mahali pa kimataifa tu wakati mgawanyiko ungehitaji.**