સ્ટેટ મશીનો શું છે અને તેઓ ક્યારે મદદ કરે છે?

Question

Accepted Answer

**સ્ટેટ મશીન** સિસ્ટમને **સ્ટેટ્સ** ના મર્યાદિત સમૂહ તેમજ તેમની વચ્ચે અનુમતિપ્રાપ્ત **સંક્રમણો** તરીકે મોડલ કરે છે. સ્વતંત્ર બુલિયન ફ્લેગ્સ સાથે કસરત કરવાની જગ્યાએ, તમે કોણ કોણ્ય સ્ટેટ્સ અસ્તિત્વમાં છે અને કોણ સંક્રમણો કાયદેસર છે તે બરાબર વ્યાખ્યાયિત કરો — અશક્ય સ્ટેટ્સ પ્રતિનિધિત્વ કરવા જોઈએ નહીં.

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

સ્વતંત્ર ફ્લેગ્સ સાથે, કોઈ પણ વિરોધાભાસી સંયોજનોને અટકાવતું નથી, અને તમારે પ્રત્યેક સંક્રમણે તેમને સ્વમાનથી સુસંગત રાખવું પડે છે — બગ જાલ.

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

એક જ `state` ચલ હાલની સ્ટેટ ધરાવે છે; `event` એક *નિર્ધારિત* સંક્રમણને ટ્રિગર કરે છે. અવૈધ સંક્રમણો (જેવા કે SUCCESS જ્યારે શાંત છે) ક્યાં પણ આવી શકતા નથી — અશક્ય સ્ટેટ્સ ડિઝાઇન દ્વારા ગયા છે.

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

## શા માટે તે મહત્વપૂર્ણ છે

સ્ટેટ મશીનો **અમાન્ય સ્ટેટ્સ અશક્ય** અને સંક્રમણો **સ્પષ્ટ** કરીને જટિલ સ્ટેટફુલ તર્કમાં કઠોરતા લાવે છે — બુલિયન્સના નાજુક સંયોજનોને સ્પષ્ટ, સર્વવ્યાપી મોડલ સાથે બદલીને.

તેઓ જટિલ પ્રવાહો (જાદુગરો, ચૂકવણીઓ, પ્રમાણીકરણ, મીડિયા) માટે વિશેષ રીતે મૂલ્યવાન છે જ્યાં બુલિયન તોફાન સૂક્ષ્મ, કઠોર-થી-પુનરુત્પાદિત બગ તરફ દોરી જાય છે.

શોધમાત્ર (એક `status` enum) પણ વિચારણા અસુંગત સ્ટેટમાં સુધાર કરે છે; ફરીથી (XState) તે દૃશ્યમાન, પરીક્ષણીય, મજબૂત તર્ક પ્રદાન કરે છે.

જ્યારે તેમને પહોંચાવવું તે પરિપક્વ સ્ટેટ ડિઝાઇનનો નિશાન છે.