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 ਕੋਡ ਲਿਖਣ ਦਿੰਦਾ ਹੈ ਜੋ ਸੁਰੱਖਿਅਤ ਤੌਰ 'ਤੇ 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 ਦੀ ਪੂਰਵਾਦੀਯਤਾ ਨੂ ਬਰਕਾ ਰੱਖਦਾ ਹੈ ਜਦਕਿ ਆਠਵੇਂ ਨੂ ਹਟਾ ਦਿੰਦਾ ਹੈ ਜੋ ਬਹੁਤ ਸਾਰੀਆਂ ਟੀਮਾਂ ਨੂ ਮੁਥੀਓਂ ਵੱਲ ਲੈ ਗਿਆ।