স্টেট মেশিন কী এবং এগুলি কখন সহায়ক?

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` একটি *সংজ্ঞায়িত* ট্রানজিশন ট্রিগার করে। অবৈধ ট্রানজিশনস (যেমন 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" } },
  },
});
```

## যখন স্টেট মেশিনগুলি সহায়ক

```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) এটি ভিজ্যুয়ালাইজযোগ্য, টেস্টযোগ্য, দৃঢ় লজিক প্রদান করে।

কখন সেগুলি ব্যবহার করতে হয় তা জানা পরিপক্ক স্টেট ডিজাইনের একটি চিহ্ন।