Menene injinoji jihar kuma yaushe suke taimakawa?

Question

Accepted Answer

**Injin jihar** yana tsara tsarin azaman iyakacin saiti na **jihar** plus **canji** da suka damra a gidane. Maimakon wasa da allunan boolean masu saurinwa, kana bayyana daidai wayen jihar da ke akwai da wayen canjin da suka cancanta — yana sauya jihar da ba a iya wakilta ba ka zama ba a iya wakilta ba.

## The problem: boolean soup

```js
// ❌ multiple booleans → 2^n combinations, many of them invalid
const [isLoading, setLoading] = useState(false);
const [isError, setError] = useState(false);
const [isSuccess, setSuccess] = useState(false);
// { isLoading: true, isError: true, isSuccess: true } — nonsense, but POSSIBLE
```

Tare da allunan masu saurinwa, babu wani abu da ke taugaye haɗa waɗansu da suka saba, kuma dole ne ka jiyya su cikin daidai a kowane canji — insekta gida.

## The state-machine model

```text
States:      idle → loading → success
                       ↓
                     error → (retry) → loading

Only defined transitions are allowed; you can't be in two states at once.
```

```js
const machine = {
  idle:    { FETCH: "loading" },
  loading: { SUCCESS: "success", ERROR: "error" },
  success: { FETCH: "loading" },
  error:   { RETRY: "loading" },
};
function transition(current, event) {
  return machine[current][event] ?? current; // only legal transitions happen
}
```

Maɗaukaki `state` guda ɗaya yana riƙe jihar na yanzu; `event` yana kashe canji *da aka tsara*. Canji marasa halatta (misali SUCCESS yayin kwanta) ba za su iya abubuwa ba — jihar da ba a iya wakilta ba sun tafi ta tsari.

## Real-world tooling: XState

```js
// libraries like XState formalize this with guards, actions, nested/parallel states
const toggleMachine = createMachine({
  initial: "inactive",
  states: {
    inactive: { on: { TOGGLE: "active" } },
    active:   { on: { TOGGLE: "inactive" } },
  },
});
```

## When state machines help

```text
✓ Complex flows with many states: checkout, multi-step forms/wizards, media players
✓ Authentication flows (logged out → logging in → logged in → refreshing)
✓ Anything where invalid state combinations cause bugs
✗ Overkill for simple toggles or trivial state
```

## Yarin da yake mahimmanshi

Injine jihar suna kawo azaba gida ga nauyin jihar tattalin arziƙi ta hanyar sauya **jihar marasa aiki ba za su iya samun** da canji **a faɗi** — sauya rashin karfi na allunan boolean ga tsarawa, iyaka, tsari.

Suna da mahimmanci musamman don jere mai rikitarwa (magudu, biyan ajiya, kula, media) inda zubar da boolean ke haifar da kunshe, kaɗan-kaidaita kunshe.

Ko kuma ta sauki (enum `status`) tunanin ya inganta jihar asynchronous; a kakakin (XState) yana samar da logiki mai gani, mai gwaji, karfi.

Sanin lokacin da za a zo gida ne alama na cikakken wajen jihar.