Redux Toolkit (RTK) کلاسیکی Redux کے مقابلے میں کیا فراہم کرتا ہے؟

Question

Accepted Answer

**Redux Toolkit (RTK)** آج Redux لکھنے کا سرکاری، سفارش کردہ طریقہ ہے۔ یہ کلاسیکی Redux کے کु臭 boilerplate کو ختم کرتا ہے — دستی action types، action creators، immutable update logic، store setup — جبکہ وہی بنیادی اصول برقرار رہتے ہیں۔

## Boilerplate کا مسئلہ جو 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` خودکار طور پر action types اور creators تیار کرتا ہے، اور — **Immer** کے ذریعے — آپ کو "mutating" reducer code لکھنے دیتا ہے جو محفوظ طریقے سے 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 سے چلایا جانے والا، خود بخود تیار کیے جانے والے actions)، `createAsyncThunk` (async)، `createEntityAdapter` (normalization)، اور RTK Query (server state) کو سمجھنا معاصر Redux کام کے لیے ضروری ہے — یہ Redux کی predictability محفوظ رکھتا ہے جبکہ وہ رسم ختم کرتا ہے جس نے بہت سی teams کو متبادل کی طرف دھکیلا۔