Actions এবং reducers কী, এবং কেন reducers বিশুদ্ধ হতে হবে?

Question

Accepted Answer

একটি **action** একটি সাধারণ অবজেক্ট যা *কী ঘটেছে* তা বর্ণনা করে; একটি **reducer** একটি বিশুদ্ধ ফাংশন যা বর্তমান state এবং একটি action নেয় এবং *পরবর্তী* state ফেরত দেয়। একসাথে তারা পূর্বাভাসযোগ্য state পরিবর্তন বাস্তবায়ন করে।

## Actions — ইভেন্ট বর্ণনা করুন

```js
// just data: a `type` (required) + any payload
{ type: "todos/added", payload: { id: 1, text: "Learn Redux" } }
{ type: "todos/toggled", payload: 1 }
```

Actions কিছু *করে না* — তারা ইভেন্টের ঘোষণামূলক বর্ণনা। তাদের অতীত-কাল সত্য হিসাবে নাম দেওয়া ("যোগ করা হয়েছে", "টগল করা হয়েছে") প্রতিফলিত করে যে তারা কী ঘটেছে তা রেকর্ড করে।

## Reducers — পরবর্তী state গণনা করুন

```js
function todosReducer(state = [], action) {
  switch (action.type) {
    case "todos/added":
      return [...state, action.payload];              // new array
    case "todos/toggled":
      return state.map(t =>                             // new array, new object for the changed one
        t.id === action.payload ? { ...t, done: !t.done } : t
      );
    default:
      return state;                                     // unknown action → unchanged
  }
}
```

একটি reducer-এর স্বাক্ষর হল `(state, action) => newState`। এটি অবশ্যই একটি **নতুন** state অবজেক্ট/array ফেরত দেবে (immutably), কখনো input পরিবর্তন করবে না।

## কেন reducers অবশ্যই বিশুদ্ধ হতে হবে

একটি বিশুদ্ধ ফাংশন: (1) একই input এর জন্য একই output ফেরত দেয়, এবং (2) **কোনো side effects নেই**। Reducers উভয় নিয়ম অনুসরণ করতে হবে:

```js
// ❌ NOT pure — breaks everything
function badReducer(state, action) {
  state.value++;              // ❌ mutates input (breaks change detection, time-travel)
  fetch("/api/log");          // ❌ side effect (non-deterministic, untestable)
  return { value: Math.random() }; // ❌ non-deterministic output
}
```

বিশুদ্ধতা Redux-এর স্বাক্ষর বৈশিষ্ট্যগুলি সক্ষম করে:

```text
✓ Predictability   — same state + action ALWAYS gives the same result
✓ Time-travel / replay — you can re-run actions to reproduce any state
✓ Testability      — just call reducer(state, action) and assert; no mocks needed
✓ Change detection — returning new references lets the UI detect changes
```

Side effects (API কল, লগিং, randomness) **middleware** (thunks/sagas) বা effects-এ থাকে — কখনো reducers-এ নয়।

## কেন এটি গুরুত্বপূর্ণ

action/reducer মডেল Redux-স্টাইল state management-এর হৃদয় এবং এটি এত debuggable এবং testable হওয়ার কারণ।

বিশুদ্ধতার প্রয়োজনীয়তা স্বেচ্ছাধীন নয়: এটি *যা করে* time-travel debugging, action replay, এবং trivial unit testing সম্ভব, এবং এটিই সাইড effects-কে অন্যত্র থাকতে হয় তার কারণ।

এই বিশুদ্ধ-ফাংশন-চালিত, immutable আপডেট প্যাটার্ন Redux, NgRx, useReducer, এবং তার পরেও পুনরাবৃত্ত হয় — এটি বোঝা (এবং reducers-কে বিশুদ্ধ রাখার শৃঙ্খলা) পূর্বাভাসযোগ্য state-এর জন্য মৌলিক।