RTK QueryBeginner

Redux Toolkit — আধুনিক Redux

Classic Redux-এর সমস্যা, Redux Toolkit কী সহজ করে — বাংলায়।

7টি অংশবাংলা ভাষায়

Redux Toolkit (RTK) হলো Redux-এর official, battle-tested utility — যা classic Redux-এর অনেক boilerplate (constants, actions, reducers আলাদা আলাদা file) দূর করে। RTK-র দুটি প্রধান অংশ:

createSlice — Reducers + action creators একীভূত
configureStore — store + middleware setup সহজ
createAsyncThunk — async actions
createSelector — memoized selectors
createApi (RTK Query) — server data fetch/cache

Classic vs Toolkit

বিষয়	Classic Redux	Redux Toolkit
Setup	types, action creators, reducers আলাদা	এক `createSlice`-এ সব
Immutability	হাতে spread/...Obj লেখা	`immer`-ভিত্তিক write-এ mutate করলেও new state
Store	`createStore` + manual middleware	`configureStore` সব default
Recommendation	—	Official, সর্বদা আগে RTK

Immer magic

slice reducer-এ mutate-vectorts

// RTK: আপনি সরাসরি লিখতে পারেন —
// Immer পটভূমিতে করে new state
addToCart: (state, action) => {
  const item = state.items.find((i) => i.id === action.payload.id);
  if (item) {
    item.qty += 1;           // মনে মনে mutate
  } else {
    state.items.push({
      id: action.payload.id,
      qty: 1,
    });
  }
},

সম্পূর্ণ অ্যাপ RTK দিয়ে

এই কোর্সে আমরা পুরো app Redux Toolkit দিয়েই লিখব — store, cart slice, এবং server data-র জন্য RTK Query। এগুলোই RTK-এর official stack।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।