RTK QueryBeginner
RTK Query Middleware — Store Integration
Store-এ RTK Query-র এ কী কী নতুন আসে — বাংলায়।
4টি অংশবাংলা ভাষায়
store.ts (full)ts
ts
import { configureStore } from "@reduxjs/toolkit";
import cartReducer from "@/features/cart/cartSlice";
import { ordersApi } from "@/features/orders/ordersService";
export const store = configureStore({
reducer: {
cart: cartReducer,
[ordersApi.reducerPath]: ordersApi.reducer,
},
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware().concat(ordersApi.middleware),
});
export type RootState = ReturnType<typeof store.getState>;
export type AppDispatch = typeof store.dispatch;মিডলওয়্যার-টা কী করে
- প্রতিটি query hook mount/unmount-এ fetched track করে
- cache policy অনুসারে refetch/dispatch
- Query trigger-এ ভিন্ন পরিস্থিতি (same key dedupe)
- DevTools-এ query state ও mutations দেখায়
মিডলওয়্যার না-ঘেরা হলে
মিডলওয়্যার না-ঘেরা থাকলে hooks compile হয় বটে, কিন্তু runtime-এ কিছু চলে না — DevTools-এ শুধু pending state দেখাবে। alignment: reducer+middleware একসাথে store-এ বসান।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।