Kaj so akcije in reducerji, in zakaj morajo biti reducerji čisti?

Question

Accepted Answer

**Akcija** je navaden objekt, ki opisuje *kaj se je zgodilo*; **reducer** je čista funkcija, ki sprejme trenutno stanje in akcijo ter vrne *naslednje* stanje. Skupaj izvajata predvidljive prehode stanja.

## Akcije — opisujejo dogodke

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

Akcije ne *naredijo* ničesar — so deklarativni opisi dogodkov. Poimenovanje v obliki preteklika ("added", "toggled") odraža, da beležijo kaj se je zgodilo.

## Reducerji — izračunajo naslednje stanje

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

Podpis reducerja je `(state, action) => newState`. Mora vrniti **novo** stanje objekt/array (nespremenjeno), nikoli ne sme spremeniti vhoda.

## Zakaj morajo biti reducerji ČISTI

Čista funkcija: (1) vrne enak izhod za enak vhod in (2) **nima stranskih učinkov**. Reducerji morajo slediti obema praviloma:

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

Čistost omogoča Reduxove značilne funkcionalnosti:

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

Stranski učinki (API klici, logiranje, naključnost) spadajo v **middleware** (thunks/sagas) ali effects — nikoli v reducerje.

## Zakaj je to pomembno

Model akcije/reducerja je srce upravljanja stanja v slogu Reduxov in razlog, zakaj je tako debugging in testiranje izvedljivi.

Zahteva čistosti ni poljubna: je *kar omogoča* time-travel debugging, replay akcij in enostavno unit testiranje, in je razlog, zakaj morajo stranski učinki živeti drugje.

Ta čist-funkcija-vozeni, nespremenljivi vzorec posodobitve se pojavlja v Reduxu, NgRxu, useReducerju in drugih — razumevanje tega (in disciplina čistenja reducerjev) je temeljno za predvidljivo stanje.