क्रिया आणि रीडक्टर्स काय आहेत, आणि रीडक्टर्स शुद्ध का असणे आवश्यक आहे?

Question

IT Interview Practice · Accepted Answer

एक **क्रिया** सादा ऑब्जेक्ट आहे जो *काय घडले* हे वर्णन करते; एक **रीडक्टर** शुद्ध कार्य आहे जो वर्तमान स्थिती आणि क्रिया घेतो आणि *पुढील* स्थिती परत करतो। एकत्रितपणे ते अनुमानित स्थिती संक्रमण लागू करतात।

## क्रिया — घटनांचे वर्णन करते

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

क्रिया कुछ *करत नाहीत* — ते घटनांचे घोषणात्मक वर्णन आहेत। त्यांना भूतकाळाचे तथ्य ("added", "toggled") म्हणून नाव देणे हे प्रतिबिंबित करते की ते काय घडले हे रेकॉर्ड करतात।

## रीडक्टर्स — पुढील स्थिती मोजते

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

रीडक्टरची स्वाक्षरी `(state, action) => newState` आहे। हे **नवीन** स्थिती ऑब्जेक्ट/अरे (अपरिवर्तनीयपणे) परत केले पाहिजे, कधीही इनपुट बदलू नये।

## रीडक्टर्स शुद्ध का असणे आवश्यक आहे

शुद्ध कार्य: (1) समान इनपुटसाठी समान आउटपुट परत करते, आणि (2) **कोई दुष्प्रभाव नाहीत**. रीडक्टर्स दोन्ही नियमांचे पालन केले पाहिजे:

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

दुष्प्रभाव (API कॉल, लॉगिंग, यादृच्छिकता) **middleware** (thunks/sagas) किंवा इफेक्ट्समध्ये असलेले आहेत — कधीही रीडक्टर्समध्ये नाहीत।

## हे महत्वाचे का आहे

क्रिया/रीडक्टर मॉडेल Redux-शैलीच्या स्थिती व्यवस्थापनाचे हृदय आहे आणि हे का इतके डिबग करण्यायोग्य आणि परीक्षण करण्यायोग्य आहे.

शुद्धता आवश्यकता अनियंत्रित नाही: हे *काय बनवते* काळाचे ट्रॅव्हल डिबगिंग, क्रिया पुनरावृत्ती, आणि नगण्य एकक चाचणी संभव आहे, आणि हे कारण दुष्प्रभाव इतर ठिकाणी राहणे आवश्यक आहे.

हे शुद्ध-कार्य-चालित, अपरिवर्तनीय अद्यतन नमुना Redux, NgRx, useReducer, आणि त्यापलीकडे पुनरावृत्ती होते — हे समजून घेणे (आणि रीडक्टर्स शुद्ध ठेवण्याचा शिस्त) अनुमानित स्थितीचा मूलभूत आहे.

क्रिया — घटनांचे वर्णन करते

रीडक्टर्स — पुढील स्थिती मोजते

रीडक्टर्स शुद्ध का असणे आवश्यक आहे

हे महत्वाचे का आहे

संबंधित प्रश्न