ایک action ایک سادہ چیز ہے جو کیا ہوا یہ بیان کرتی ہے؛ ایک reducer ایک خالص فنکشن ہے جو موجودہ state اور ایک action لیتا ہے اور اگلا state واپس کرتا ہے۔ یہ مل کر قابل پیش گوئی state transitions کو نافذ کرتے ہیں۔
{ : , : { : , : } }
{ : , : }
Actions کوئی کام نہیں کرتے — یہ واقعات کی اعلانیہ تفصیلیں ہیں۔ انہیں ماضی کے زمانے میں نام دینا ("added", "toggled") یہ ظاہر کرتا ہے کہ یہ ریکارڈ کرتے ہیں کہ کیا ہوا۔
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 ہے۔ اسے ایک نیا state آبجیکٹ/array واپس کرنا چاہیے (immutably)، کبھی بھی input کو تبدیل نہ کریں۔
ایک خالص فنکشن: (1) ایک جیسے input کے لیے ایک جیسا output دیتا ہے، اور (2) کوئی side effects نہیں رکھتا۔ Reducers کو دونوں اصول پالنے چاہیں:
// ❌ 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 کی خصوصی خصوصیات کو فعال کرتی ہے:
✓ 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 میں ہونے چاہیں — ریڈیوسرز میں کبھی نہیں۔
action/reducer ماڈل Redux طریقہ state management کا دل ہے اور یہ وہ وجہ ہے کہ یہ اتنا debuggable اور testable ہے۔
خالصیت کی شرط من مانی نہیں ہے: یہ وہ چیز ہے جو time-travel debugging، action replay، اور معمولی unit testing کو ممکن بناتی ہے، اور یہ وہ وجہ ہے کہ side effects کہیں اور رہنے چاہیں۔
یہ خالص فنکشن سے چلایا جانے والا، immutable update pattern Redux، NgRx، useReducer، اور اس سے آگے کے پار چلتا ہے — اس کو سمجھنا (اور ریڈیوسرز کو خالص رکھنے کی نظم و ضبط) قابل پیش گوئی state کے لیے بنیادی ہے۔