Redux Toolkit (RTK) ক্লাসিক Redux এর তুলনায় কী প্রদান করে?

Question

Accepted Answer

**Redux Toolkit (RTK)** আজ Redux লেখার অফিসিয়াল এবং সুপারিশকৃত উপায়। এটি ক্লাসিক Redux এর কুখ্যাত boilerplate দূর করে — ম্যানুয়াল অ্যাকশন টাইপ, অ্যাকশন ক্রিয়েটর, ইমিউটেবল আপডেট লজিক, স্টোর সেটআপ — একই সময়ে একই মূল নীতি রক্ষা করে।

## RTK যে boilerplate সমস্যা সমাধান করে

```js
// ❌ classic Redux — verbose: action types, creators, switch reducers, manual immutability
const INCREMENT = "counter/increment";
const increment = () => ({ type: INCREMENT });
function reducer(state = { value: 0 }, action) {
  switch (action.type) {
    case INCREMENT: return { ...state, value: state.value + 1 };
    default: return state;
  }
}
```

## RTK: createSlice সবকিছু করে

```js
import { createSlice, configureStore } from "@reduxjs/toolkit";

export const { increment, incrementBy } = counterSlice.actions; // action creators AUTO-generated
const store = configureStore({ reducer: { counter: counterSlice.reducer } });
```

`createSlice` স্বয়ংক্রিয়ভাবে অ্যাকশন টাইপ এবং ক্রিয়েটর তৈরি করে, এবং — **Immer** এর মাধ্যমে — আপনাকে "মিউটেটিং" reducer কোড লিখতে দেয় যা নিরাপদে ইমিউটেবল আপডেটে রূপান্তরিত হয়। একটি সংক্ষিপ্ত স্লাইস সমস্ত ম্যানুয়াল অংশ প্রতিস্থাপন করে।

## RTK তে অন্য কী অন্তর্ভুক্ত রয়েছে

```text
configureStore   → store setup with DevTools + thunk middleware preconfigured
createAsyncThunk → standard async (pending/fulfilled/rejected actions) for data fetching
createEntityAdapter → normalized state + CRUD reducers for collections
RTK Query        → a full data-fetching/caching layer (like React Query, built into Redux)
```

## createAsyncThunk উদাহরণ

```js
export const fetchUsers = createAsyncThunk("users/fetch", () => api.getUsers());
// auto-dispatches users/fetch/pending | fulfilled | rejected — handle in extraReducers
```

## কেন RTK এখন স্ট্যান্ডার্ড

```text
✓ ~75% less code than classic Redux
✓ Immer → no manual immutable spread logic (fewer bugs)
✓ Good defaults (DevTools, thunk) out of the box
✓ Encourages best practices (slices, normalized data)
✓ RTK Query bundles server-state management
```

## কেন এটি গুরুত্বপূর্ণ

ক্লাসিক Redux এর সবচেয়ে বড় সমালোচনা ছিল এর boilerplate; RTK সরাসরি সেটি ঠিক করে, যার কারণে এটি এখন **অফিসিয়াল সুপারিশ** এবং আধুনিক কোডবেসে "Redux ব্যবহার করা" মানে কী তা।

`createSlice` (Immer-চালিত, স্বয়ংক্রিয়-উৎপন্ন অ্যাকশন), `createAsyncThunk` (অ্যাসিঙ্ক), `createEntityAdapter` (নরমালাইজেশন), এবং RTK Query (সার্ভার স্টেট) বোঝা সমসাময়িক Redux কাজের জন্য অপরিহার্য — এটি Redux এর পূর্বাভাসযোগ্যতা বজায় রাখে যখন অনুষ্ঠানপ্রক্রিয়া সরিয়ে দেয় যা অনেক দলকে বিকল্পগুলিতে চালিত করেছে।