Redux Toolkit (RTK) ले क्लासिक Redux भन्दा के प्रदान गर्छ?

Question

Accepted Answer

**Redux Toolkit (RTK)** आज Redux लेख्न को आधिकारिक, सुझाव गरिएको तरिका हो। यसले क्लासिक Redux को कुख्यात boilerplate — म्यानुअल action types, action creators, immutable update logic, store setup — लाई हटाउछ र एकै समय एकै कोर सिद्धान्तहरु राखछ।

## 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` ले action types र creators को स्वचालित रूपमा जनरेट गर्छ, र — **Immer** को माध्यमबाट — तपाईंलाई "mutating" reducer कोड लेख्न दिन्छ जो सुरक्षित रूपमा immutable updates मा रूपान्तरित हुन्छ। एक संक्षिप्त slice सबै म्यानुअल भागहरु को स्थान लिन्छ।

## 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 ले सीधा त्यो ठीक गर्छ, जसैले यो अब **आधिकारिक सुझाव** हो र आधुनिक codebases मा "Redux प्रयोग गर्नु" को अर्थ हो।

`createSlice` (Immer-powered, auto-generated actions), `createAsyncThunk` (async), `createEntityAdapter` (normalization), र RTK Query (server state) बुझ्नु समकालीन Redux कामको लागि आवश्यक छ — यो Redux को predictability सँग संरक्षण गर्छ जबकि समारोह हटाउछ जसले धेरै टीमहरुलाई विकल्पहरु तर्फ संचालित गर्यो।