Redux Toolkit (RTK) क्लासिक Redux च्या तुलनेत काय प्रदान करते?

Question

Accepted Answer

**Redux Toolkit (RTK)** आज Redux लिहिण्याचा अधिकृत, शिफारस केलेला मार्ग आहे. हे क्लासिक Redux च्या कुख्यात बॉयलरप्लेट — मॅन्युअल अ‍ॅक्शन प्रकार, अ‍ॅक्शन क्रिएटर्स, इम्युटेबल अपडेट लॉजिक, स्टोर सेटअप — दूर करते, तर समान मूल सिद्धांत राखते.

## बॉयलरप्लेट समस्या जी RTK सोडवते

```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** द्वारे — आपल्याला "म्यूटेटिंग" रीडक्यूसर कोड लिहिण्याची परवानगी देते जो सुरक्षितपणे इम्युटेबल अपडेटमध्ये रूपांतरित होतो. एक संक्षिप्त स्लाइस सर्व मॅन्युअल भागांची जागा घेते.

## 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 वर सर्वात मोठी टीका तिची बॉयलरप्लेट होती; RTK हे थेट सोडवते, म्हणून हे आता **अधिकृत शिफारस** आहे आणि आधुनिक कोडबेसेसमध्ये "Redux वापरणे" म्हणजे काय आहे.

`createSlice` समजणे (Immer-पॉवर्ड, स्वयंचलितपणे व्युत्पन्न अ‍ॅक्शन्स), `createAsyncThunk` (अ‍ॅसिंक्रोनस), `createEntityAdapter` (नॉर्मलाइজेशन), आणि RTK Query (सर्व्हर स्टेट) आधुनिक Redux कार्यासाठी आवश्यक आहे — हे Redux च्या पूर्वानुमानावरता परिरक्षण करते जेव्हा समारंभ काढून टाकते जिने अनेक टीमना पर्यायांकडे नेले.