स्टेट मशिन भनेको के हो र कहिले यो सहायक हुन्छ?

Question

Accepted Answer

एक **state machine** ले एक सिस्टमलाई सीमित संख्यामा **states** र तिनीहरूको बीचमा अनुमति दिइएको **transitions** को रूपमा मडल गर्छ। स्वतन्त्र boolean flags सँग केलाई-केलाई काम गर्नुको सट्टा, तपाईले ठीक कुन अवस्थाहरू अवस्थित छन् र कुन transitions कानूनी छन् भनी परिभाषित गर्नुहुन्छ — जसले असम्भव अवस्थाहरूलाई प्रतिनिधित्व गर्न असम्भव बनाइदिन्छ।

## समस्या: 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
```

स्वतन्त्र flags संग, विरोधाभासी संयोजनहरूलाई रोक्न कुनै पनि कुरा गर्दैन, र तपाईले प्रत्येक transition मा तिनीहरूलाई म्यानुअली सुसंगत राख्न गर्नुपर्छ — यो एक बग जाल हो।

## state-machine मडल

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

एकल `state` भेरिएबलले वर्तमान अवस्था राख्छ; एक `event` ले *परिभाषित* transition ट्रिगर गर्छ। अवैध transitions (उदाहरणको लागि idle अवस्थामा SUCCESS) सरलै हुन सक्दैन — असम्भव अवस्थाहरू डिजाइन द्वारा हटाइएका छन्।

## वास्तविक-विश्व सरञ्जामहरू: 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" } },
  },
});
```

## कहिले state machines सहायक हुन्छ

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

## किन यो महत्त्वपूर्ण छ

State machines ले जटिल stateful logic मा कठोरता ल्याउँछ **invalid states असम्भव** र transitions **स्पष्ट** बनाएर — booleans को कमजोर संयोजनहरूलाई स्पष्ट, विस्तृत मडलले प्रतिस्थापन गर्दै।

यो विशेष गरी जटिल flows (wizards, payments, auth, media) को लागि मूल्यवान छ जहाँ boolean soup ले सूक्ष्म, पुनः उत्पादन गर्न गाह्रो बग हरू ल्याउँछ।

अपरिभाषित रूपमा पनि (एक `status` enum) यो विचारले async state लाई सुधार गर्छ; औपचारिक रूपमा (XState) यो दृश्यमान, परीक्षणयोग्य, मजबूत logic प्रदान गर्छ।

कहिले तिनीहरूलाई प्रयोग गर्नु छ भनी जान्नु परिपक्व state डिजाइनको एक चिन्ह हो।