ما الذي يوفره Redux Toolkit (RTK) مقارنة بـ Redux الكلاسيكي؟

Question

Accepted Answer

**Redux Toolkit (RTK)** هو الطريقة الرسمية والموصى بها لكتابة Redux اليوم. يزيل المشكلة الشهيرة للـ boilerplate في Redux الكلاسيكي — أنواع الإجراءات اليدوية، منشئات الإجراءات، منطق التحديث غير القابل للتغيير، إعداد المتجر — مع الحفاظ على نفس المبادئ الأساسية.

## مشكلة الـ 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` يوّلد تلقائياً أنواع الإجراءات والمنشئات، وعبر **Immer** — يسمح لك بكتابة كود reducer "متحول" يتم تحويله بأمان إلى تحديثات غير قابلة للتغيير. شريحة واحدة موجزة تحل محل جميع الأجزاء اليدوية.

## ما تتضمنه 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 يصلح ذلك مباشرة، ولهذا السبب أصبح **التوصية الرسمية** وما يعنيه "استخدام Redux" في قواعد البيانات الحديثة.

فهم `createSlice` (مدعوم بـ Immer، إجراءات موّلدة تلقائياً)، `createAsyncThunk` (غير متزامن)، `createEntityAdapter` (التطبيع)، و RTK Query (حالة الخادم) ضروري للعمل الحديث مع Redux — يحافظ على القدرة على التنبؤ بـ Redux مع إزالة الحفلات الموسيقية التي دفعت العديد من الفرق للانتقال إلى بدائل.