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 পরিবর্তন একটি dispatched action-এর ফলাফল যা একটি pure function দ্বারা প্রসেস করা হয় — সম্পূর্ণভাবে ট্রেসযোগ্য। ## এটি 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, এক-দিকীয় প্রবাহ — আবেদন state **পূর্বাভাসযোগ্য এবং ট্রেসযোগ্য** তৈরি করে, যা বড় অ্যাপ্লিকেশনের জন্য এর প্রধান মূল্য। store/action/reducer/dispatch/select বোঝা Redux ব্যবহার করে এমন অনেক codebase-এর জন্য অপরিহার্য, এবং নীতিগুলি (immutable updates, pure reducers, unidirectional flow) প্রায় প্রতিটি state library জুড়ে পুনরাবৃত্ত হয়। ট্রেড-অফ হল boilerplate, যা Redux Toolkit সমাধান করে এই মৌলিক বিষয়গুলি সংরক্ষণ করার সময়।