Çfarë ofron Redux Toolkit (RTK) mbi Redux-in klasik?

Question

Accepted Answer

**Redux Toolkit (RTK)** është mënyra zyrtare, e rekomanduar për të shkruar Redux sot. Ai eliminon problemin e famshëm të Redux-it — llojet manuale të veprimit, krijuesit e veprimit, logjika e përditësimit të pandryshueshëm, konfigurimi i përdhesës — ndërsa ruan të njëjtat parime themelore.

## Problemi i kodit të përsëritur që RTK zgjidh

```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 bën gjithçka

```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` gjeneron automatikisht llojet dhe krijuesit e veprimit, dhe — përmes **Immer** — ju lejon të shkruani kod reduseri "mutimi" që konvertohet me siguri në përditësime të pandryshueshëme. Një fetë koncize zëvendëson të gjithë pjesët manuale.

## Çfarë tjetër RTK përfshin

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

## Shembull createAsyncThunk

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

## Pse RTK është standardi tani

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

## Pse është e rëndësishme

Kritika më e madhe e Redux-it klasik ishte kodi i tij i përsëritur; RTK e zgjidh atë drejtpërdrejt, dhe kjo është arsyeja përse është tani **rekomandimi zyrtar** dhe çfarë do të thotë "përdorimi i Redux-it" në kodbazat moderne.

Komprehendimi i `createSlice` (i fuqizuar nga Immer, aksione të gjeneruara automatikisht), `createAsyncThunk` (asinkronte), `createEntityAdapter` (normalizim) dhe RTK Query (gjendja e serverit) është thelbësor për punën moderne me Redux — ai ruan parashikueshmërinë e Redux-it ndërsa largon ceremoninë që i shtyu shumë skuadra drejt alternativave.