RTK QueryBeginner

configureStore — Store Setup

configureStore-এ reducers ও middleware-এ combining — বাংলায়।

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

src/app/store.tsts

"use client";

import { configureStore } from "@reduxjs/toolkit";
import cartReducer from "@/features/cart/cartSlice";
import { ordersApi } from "@/features/orders/ordersService";

export const store = configureStore({
  reducer: {
    cart: cartReducer,
    // RTK Query-এর নিজস্ব slice
    [ordersApi.reducerPath]: ordersApi.reducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(ordersApi.middleware),
});

// Types
export type RootState = ReturnType<typeof store.getState>;
export type AppDispatch = typeof store.dispatch;

প্রতিটি জিনিস কী করে

reducer object → store-এ একসাথে মাউন্ট
[ordersApi.reducerPath] → RTK Query-র cache slice store-এ বসে
middleware concat → RTK Query-র এর নিজস্ব subscription/logic চলে
RootState / AppDispatch → typed helpers — সম্পূর্ণ অ্যাপে ব্যবহৃত

reducerPath

ডিফল্ট reducerPath: "api" — concat করার সময় [productsApi.reducerPath] লেখা বেশি নিরাপদ, কারণ নাম বদলালে store-auto আপডেট থাকে। createApi-তে এটি কাস্টমাইজও করা যায়।

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