Kas yra veiksmai ir reduktoriai, ir kodėl reduktoriai turi būti grynos?

Question

Accepted Answer

**Veiksmas** yra paprastas objektas, apibūdinantis *kas įvyko*; **reduktorius** yra gryna funkcija, kuri ima dabartinę būseną ir veiksmą bei grąžina *kitą* būseną. Kartu jie įgyvendina numatytas būsenos perėjimus.

## Veiksmai — aprašo įvykius

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

Veiksmai ne*daro* nieko — jie yra deklaratyvūs įvykių aprašymai. Juos pavadinti praeities laiku ("added", "toggled") atspindi tai, kad jie užfiksuoja, kas įvyko.

## Reduktoriai — apskaičiuoja kitą būseną

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

Redutoriaus parašas yra `(state, action) => newState`. Jis turi grąžinti **naują** būsenos objektą/masyvą (nekintamai), niekada nemutoti įvestį.

## Kodėl reduktoriai TURI būti grynos

Gryna funkcija: (1) grąžina tą pačią išvestį tam pačiam įėjimui ir (2) neturi **šalutinių efektų**. Reduktoriai turi laikytis abiejų taisyklių:

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

Grynumas leidžia Redux charakteristikas:

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

Šalutiniai efektai (API skambučiai, žurnalavimas, atsitiktinumas) priklauso **middleware** (thunks/sagas) arba efektams — niekada reduktoriams.

## Kodėl tai svarbu

Veiksmų/redutoriaus modelis yra Redux stiliaus būsenos valdymo širdis ir priežastis, kodėl jis toks derinamas ir testuojamas.

Gryno reikalavimas nėra savavališkas: tai *dėl ko* įmanomas laiko kelionės derinimas, veiksmų pakartojimas ir trivialus vienetinis testavimas, ir tai yra priežastis, kodėl šalutiniai efektai turi gyventi kitur.

Šis grynų funkcijų varomas, neketinamas atnaujinimo šablonas pasikartoja Redux, NgRx, useReducer ir daugiau — jo supratimas (ir disciplina grynų reduktorių išlaikyti) yra pagrindinės numatytinos būsenos pagrindas.