Actions र reducers के हुन्, र किन reducers शुद्ध हुनु पर्छ?

Question

Accepted Answer

एक **action** एक सामान्य object हो जसले *के भयो* भनी वर्णन गर्छ; एक **reducer** एक शुद्ध function हो जसले वर्तमान state र एक action लिन्छ र *अगलो* state फर्काउँछ। सँगै तिनीहरूले पूर्वानुमानयोग्य state transitions लागू गर्छन्।

## Actions — घटनाहरू वर्णन गर्नुहोस्

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

Actions कुनै पनि काम गर्दैनन् — तिनीहरू घटनाहरूको घोषणात्मक विवरण हुन्। तिनीहरूलाई अतीत-काल तथ्यहरूको रूपमा नाम दिनु ("added", "toggled") प्रतिबिम्बित गर्छ कि तिनीहरूले के भयो भनी रेकर्ड गर्छन्।

## 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 को signature `(state, action) => newState` हो। यसले एक **नयाँ** state object/array (immutably) फर्काउनु पर्छ, input लाई कहिले पनि mutate गर्नु हुँदैन।

## किन reducers शुद्ध हुनु पर्छ

एक शुद्ध function: (१) एक जस्तै input को लागि एक जस्तै output फर्काउँछ, र (२) **कुनै 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 को signature विशेषताहरू सक्षम गर्छ:

```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 calls, logging, randomness) **middleware** (thunks/sagas) वा effects मा सम्बन्धित हुन्, कहिले पनि reducers मा होइनन्।

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

Action/reducer मडेल Redux-style state management को हृदय हो र यो किन यत्तिको debuggable र testable छ भन्ने कारण हो।

शुद्धता आवश्यकता मनमानी छैन: यो *हो जसले* time-travel debugging, action replay, र trivial unit testing सम्भव गर्छ, र यो किन side effects अन्यत्र बस्नु पर्छ भन्ने कारण हो।

यो शुद्ध-function-driven, immutable update pattern Redux, NgRx, useReducer, र परे पनि दोहोरिन्छ — यो बुझ्नु (र reducers लाई शुद्ध राख्ने अनुशासन) पूर्वानुमानयोग्य state को लागि मौलिक हो।