Cilat janë aksionet dhe reducers, dhe përse duhet të jenë pure reducers?

Question

Accepted Answer

Një **aksion** është një objekt i thjeshtë që përshkruan *çfarë ndodhi*; një **reducer** është një funksion i pastër që merr gjendjen aktuale dhe një aksion dhe kthen *gjendjen* tjetër. Së bashku ato zbatojnë tranzicione të parashikueshme të gjendjes.

## Aksionet — përshkruajnë ngjarjet

```js
// just data: a `type` (required) + any payload
{ type: "todos/added", payload: { id: 1, text: "Learn Redux" } }
{ type: "todos/toggled", payload: 1 }
```

Aksionet nuk *bëjnë* asgjë — janë përshkrime deklarative të ngjarjeve. Emërtimi i tyre në formën e kohës së kaluar ("added", "toggled") pasqyron faktin që ato regjistrojnë çfarë ndodhi.

## Reducers — llogaritin gjendjen tjetër

```js
function todosReducer(state = [], action) {
  switch (action.type) {
    case "todos/added":
      return [...state, action.payload];              // new array
    case "todos/toggled":
      return state.map(t =>                             // new array, new object for the changed one
        t.id === action.payload ? { ...t, done: !t.done } : t
      );
    default:
      return state;                                     // unknown action → unchanged
  }
}
```

Nënshkrimi i një reducer është `(state, action) => newState`. Duhet të kthejë një objekt/array të **ri** (në mënyrë të pandryshuar), kurrë nuk duhet të ndryshojë hyrjen.

## Përse reducers DUHET të jenë PURE

Një funksion i pastër: (1) kthen të njëjtën dalje për të njëjtën hyrje, dhe (2) **nuk ka efekte anësore**. Reducers duhet të ndjekin të dyja rregullat:

```js
// ❌ NOT pure — breaks everything
function badReducer(state, action) {
  state.value++;              // ❌ mutates input (breaks change detection, time-travel)
  fetch("/api/log");          // ❌ side effect (non-deterministic, untestable)
  return { value: Math.random() }; // ❌ non-deterministic output
}
```

Pastërtia mundëson karakteristikat nënshkruese të Redux:

```text
✓ Predictability   — same state + action ALWAYS gives the same result
✓ Time-travel / replay — you can re-run actions to reproduce any state
✓ Testability      — just call reducer(state, action) and assert; no mocks needed
✓ Change detection — returning new references lets the UI detect changes
```

Efektet anësore (thirrjet API, regjistrimi, rastësia) i përkasin **middleware** (thunks/sagas) ose effects — kurrë në reducers.

## Përse është e rëndësishme

Modeli i aksionit/reducer është zemra e menaxhimit të gjendjes në stilin Redux dhe arsyeja pse është kaq i debug-dhënshëm dhe i testushëm.

Kërkesa për pastërti nuk është arbitrare: është *ajo që mundëson* debug-imin me udhëtim në kohë, riluajen e aksioneve, dhe testimin trivial njësi, dhe është arsyeja pse efektet anësore duhet të jetojnë diku tjetër.

Ky model i drejtuar nga funksionet e pastra, me përditësim të pandryshuar ndodh në Redux, NgRx, useReducer, dhe më gjerë — kuptimi i tij (dhe disiplina e mbajjes së reducers të pastër) është themelore për gjendjen e parashikueshme.