स्टेट मशीन म्हणजे काय आणि ते कधी मदत करतात?

Question

Accepted Answer

एक **स्टेट मशीन** एक प्रणाली मॉडेल करते **अवस्था**ची मर्यादित संच आणि त्यांच्या दरम्यान परवानगीयुक्त **संक्रमण** म्हणून. स्वतंत्र बुलियन ध्वज घुमवण्याऐवजी, आप अचूकपणे परिभाषित करता कोणत्या अवस्था अस्तित्वात आहेत आणि कोण संक्रमण कायदेशीर आहेत — अशक्य अवस्था अप्रतिनिधित्व करणीय बनवते.

## समस्या: बुलियन सूप

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

स्वतंत्र ध्वजांसह, विरोधाभासी संयोजन थांबवणारे काहीही नाही, आणि प्रत्येक संक्रमणात आपण त्यांना सुसंगत ठेवणे आवश्यक आहे — बग चुंबक.

## स्टेट मशीन मॉडेल

```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` एक *परिभाषित* संक्रमण ट्रिगर करते. अवैध संक्रमण (उदा., निष्क्रिय असताना सफलता) सरळ होऊ शकत नाही — अशक्य अवस्था डिজाइनद्वारे गायब आहेत.

## वास्तविक जग साधन: 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" } },
  },
});
```

## स्टेट मशीन कधी मदत करतात

```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) हे दृश्यमान, परीक्षण योग्य, मजबूत तर्कशास्त्र प्रदान करते.

कधी त्यांच्याकडे पोचायचे हे जाणून घेणे परिपक्व अवस्था डिजाइनचे चिन्ह आहे.