Menene Redux Toolkit (RTK) ya ba da sakamakon Redux na zamani?

Question

Accepted Answer

**Redux Toolkit (RTK)** hanyar resmi da aka ba da shawarar ta rubuta Redux a yau. Yana kawar da boilerplate sanannun ta Redux na zamani — nau'i na aiki na hannu, masu samar da aiki, ilmin dagomawa marar canji, tsaratsarwa ta ajiya — yayin da aka ajiye ƙa'idodin asali iri ɗaya.

## Matsalar boilerplate da RTK ta warware

```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 yana yi duka

```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` yana samar da nau'i na aiki da masu samar da aiki ta atomatik, kuma — ta hanyar **Immer** — yana ba ka damar rubuta code mai rage wanda aka canza cikin aminci zuwa babbar sirrafi. Daɗin murjewa jiya ya kulli duka ga ɗan hannu.

## Menene da RTK ya haɗa

```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)
```

## Mis ɗin createAsyncThunk

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

## Me yasa RTK shi ne daidaiton yanzu

```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
```

## Me yasa yana da mahimmanci

Mafi girman ba-labari a kan Redux na zamani ita ce boilerplate ta; RTK ta warware jiya cikin direkta, wanda aka sa shi yanzu **ba-labari na resmi** da nene "amfani da Redux" a yau codebases.

Ganewa `createSlice` (Immer-powered, juren aiki na atomatik), `createAsyncThunk` (async), `createEntityAdapter` (normalization), da RTK Query (jiha ta sauki) ya zama dole ne ga redux aiki na zamani — yana adana sanin Redux yayin da yana kawar da al'ada da suka sa wa ɗa wa kofe gida zuwa wasu zaɓubabuwa.