X'inhuma l-azzjonijiet u l-ireduttori, u għaliex iridu jkunu purità l-ireduttori?

Question

Accepted Answer

Azzjoni** hija oġġett sempliċi li tiddeskrivi *x'ġara*; **ireduttur** hija funzjoni pura li tieħu l-istat attwali u azzjoni u tirritorna l-istat *li jmiss*. Flimkien jimplemntaw transizzjonijiet ta' stat prevedibili.

## Azzjonijiet — jiddeskrivu avvenimenti

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

L-azzjonijiet ma *jagħmlu* xejn — huma deskrizzjonijiet deklarattivi ta' avvenimenti. Li jsemmuhom bħala fatti tal-passat ("added", "toggled") jirifletti li huma jirreġistraw x'ġara.

## Ireduttori — jikkalkulaw l-istat li jmiss

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

Is-sinjatura tal-ireduttur hija `(state, action) => newState`. Irid jirritorna oġġett/array ta' stat **ġdid** (immutatably), qatt ma jmuta l-input.

## Għaliex iridu jkunu purità l-ireduttori

Funzjoni pura: (1) tirritorna l-istess output għall-istess input, u (2) m'għandhiex **effetti sekondarja**. L-ireduttori għandu jissegwu ż-żewġ regoli:

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

Il-purità tippermetti l-karatteristiċi tas-sinjatura ta' 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
```

Effetti sekondarja (ċirkwiti ta' API, logging, kasuwalità) jappartjenu f'**middleware** (thunks/sagas) jew effetti — qatt fl-ireduttori.

## Għaliex din hija importanti

Il-mudell ta' azzjoni/ireduttur hija l-qalb tal-ġestjoni tal-istat stil-Redux u r-raġuni għaliex huwa tant debuggable u testable.

Ir-rekwiżit tal-purità mhuwiex arbitrarju: huwa *dak li jagħmel* debugging ta' time-travel, reperformance ta' azzjoni, u testing unitari trivial possibbli, u huwa għaliex effetti sekondarja għandhom jgħixu x'imkien ieħor.

Dan il-mudell ta' aġġornament immutable-driven-function-pure jirrepeti fuq Redux, NgRx, useReducer, u bla - il-fehim tiegħu (u d-dixxiplina li tuqgħod ireduttori puri) huwa fundamentali għal stat prevedibili.