Redux ਦੀਆਂ ਮੂਲ ਧਾਰਨਾਵਾਂ ਕੀ ਹਨ?

Question

Accepted Answer

**Redux** ਤਿੰਨ ਮੂਲ ਸਿਧਾਂਤਾਂ ਉੱਤੇ ਬਣਿਆ ਇੱਕ ਬਿਨ੍ਹਾ-ਕਹਾਵਤ ਵਾਲਾ state container ਹੈ: ਇੱਕ **single store**, **read-only state** ਜੋ ਸਿਰਫ **actions** ਰਾਹੀਂ ਬਦਲੀ ਜਾਂਦੀ ਹੈ, ਅਤੇ **pure reducers** ਜੋ ਅਗਲੀ state ਦੀ ਗਣਨਾ ਕਰਦੇ ਹਨ। ਡੇਟਾ ਇੱਕ ਰਸਤੇ ਵਿਚ ਵਹਿੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤਬਦੀਲੀਆਂ ਨੂੰ ਟਰੇਸ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ## ਤਿੰਨ ਸਿਧਾਂਤ ```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 ਕੀਤੀ ਕਾਰਵਾਈ ਦਾ ਨਤੀਜਾ ਹੈ ਜੋ ਖਾਲਸ ਫੰਕਸ਼ਨ ਦੁਆਰਾ ਪ੍ਰਾਸੈਸ ਕੀਤੀ ਜਾਂਦੀ ਹੈ — ਸੰਪੂਰਣ ਰੂਪ ਤੋਂ ਟਰੇਸ ਯੋਗ। ## 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, one-way flow — application state ਨੂੰ **ਬਿਨ੍ਹਾ-ਕਹਾਵਤ ਵਾਲਾ ਅਤੇ ਟਰੇਸ ਯੋਗ** ਬਣਾਉਂਦੀਆਂ ਹਨ, ਜੋ ਵੱਡੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਇਸਦੀ ਮੁੱਖ ਕੀਮਤ ਹੈ। store/action/reducer/dispatch/select ਨੂੰ ਸਮਝਣਾ ਉਨ੍ਹਾਂ ਬਹੁਤ codebases ਲਈ ਜ਼ਰੂਰੀ ਹੈ ਜੋ Redux ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ, ਅਤੇ ਸਿਧਾਂਤ (immutable updates, pure reducers, unidirectional flow) ਲਗਭਗ ਹਰ state library ਵਿਚ ਦੁਹਰਾਏ ਜਾਂਦੇ ਹਨ। ਸਮਝੌਤਾ boilerplate ਹੈ, ਜਿਸ ਨੂੰ Redux Toolkit ਸੰਬੋਧਤ ਕਰਦਾ ਹੈ ਜਦੋਂ ਇਹ ਬੁਨਿਆਦਾਂ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦਾ ਹੈ।