Redux کے بنیادی تصورات کیا ہیں؟

Question

Accepted Answer

**Redux** ایک قابلِ پیش گوئی state container ہے جو تین بنیادی اصولوں پر بنایا گیا ہے: ایک **single store**، **read-only state** جو صرف **actions** کے ذریعے تبدیل ہوتی ہے، اور **pure reducers** جو اگلی state کا حساب لگاتے ہیں۔ Data ایک ہی سمت میں بہتا ہے، جس سے تبدیلیاں قابلِ سراغ بن جاتی ہیں۔ ## تین اصول ```text 1. Single source of truth — the whole app's state lives in ONE store object 2. State is read-only — you never mutate it; you DISPATCH actions to change it 3. Changes via pure reducers — (state, action) => newState, no side effects ``` ## اجزاء اور بہاؤ ```js // STORE — holds the single state tree const store = configureStore({ reducer: rootReducer }); // ACTION — a plain object describing what happened const action = { type: "counter/incremented", payload: 1 }; // REDUCER — pure function: given state + action, returns NEW state function counterReducer(state = { value: 0 }, action) { switch (action.type) { case "counter/incremented": return { ...state, value: state.value + action.payload }; // new object default: return state; } } // DISPATCH — the only way to trigger a change store.dispatch(action); // SELECT — read state store.getState().counter.value; ``` ## یہ چکر ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` اس سخت یک سمتی بہاؤ کا مطلب ہے کہ ہر state تبدیلی کسی dispatch کی گئی action کا نتیجہ ہوتی ہے جسے ایک pure function نے process کیا — مکمل طور پر قابلِ سراغ۔ ## اسے React میں استعمال کرنا ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## یہ پابندیاں کیوں؟ ```text Predictability — every change is an explicit, logged action Debuggability — time-travel debugging, action replay (Redux DevTools) Testability — pure reducers are trivial to unit test ``` (نوٹ: جدید Redux **Redux Toolkit** استعمال کرتا ہے، جو ان تصورات کو برقرار رکھتے ہوئے boilerplate کو نمایاں طور پر کم کر دیتا ہے۔) ## یہ کیوں اہم ہے Redux کے بنیادی تصورات — single store، actions، pure reducers، یک سمتی بہاؤ — application state کو **قابلِ پیش گوئی اور قابلِ سراغ** بناتے ہیں، جو بڑی apps کے لیے اس کی اصل قدر ہے۔ store/action/reducer/dispatch/select کو سمجھنا ان بے شمار codebases کے لیے ضروری ہے جو Redux استعمال کرتے ہیں، اور یہ اصول (immutable updates، pure reducers، یک سمتی بہاؤ) تقریباً ہر state library میں دہرائے جاتے ہیں۔ تجارتی توازن boilerplate ہے، جسے Redux Toolkit ان بنیادی اصولوں کو محفوظ رکھتے ہوئے حل کرتا ہے۔