X'jinħoq Redux Toolkit (RTK) meta mqabbel ma' Redux klassiku?

Question

Accepted Answer

**Redux Toolkit (RTK)** huwa l-mod uffiċjali u rrakkomandatu biex tiktib Redux llum. Jieħu ħmieġ il-boilerplate famuż ta' Redux klassiku — tipi ta' azzjoni manwali, kreatur ta' azzjoni, loġika tat-taġġornament immutable, qim tal-maħżen — filwaqt li jippreserva l-istess prinċipji ewlenin.

## Il-problema tal-boilerplate li RTK isolvi

```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 jagħmel kollox

```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` joriġina awtomatikament tipi u kreatur ta' azzjoni, u — permezz ta' **Immer** — jippermettilek tiktib kodiċi reducer "mutating" li jittrasforma b'mod sigur għal aġġornamenti immutable. Fetta konċiza waħda tissostitwixxi l-partijiet kollha manuali.

## X'oħra li hija inkluża f'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)
```

## Eżempju ta' createAsyncThunk

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

## Għaliex RTK huwa l-istandard issa

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

## Għaliex din hija importanti

L-akbar kritika ta' Redux klassiku kienet il-boilerplate tiegħu; RTK issolvi dan direttament, ittar li issa huwa l-**rakkomandazzjoni uffiċjali** u dak li "uża Redux" tfisser fil-codebase moderni.

Fhim ta' `createSlice` (ippawrat minn Immer, azzjonijiet ġenerati awtomatikament), `createAsyncThunk` (asinxroniku), `createEntityAdapter` (normalizzazzjoni), u RTK Query (stat tas-server) huwa essenzjali għal xogħol Redux kontemporanju — ipreserva l-predictability ta' Redux filwaqt li jneħħi ċ-ċerimonја li dafet ħafna timijiet lejn alternattivi.