Apa sing dadi aksi lan reduktor, lan mengapa reduktor kudu dadi murni?

Question

Accepted Answer

Sawijining **aksi** yaiku obyek biasa kang nerangake *apa sing dumadi*; sawijining **reduktor** yaiku fungsi murni kang njupuk kahanan saiki lan aksi sarta ngebalekake kahanan *sabanjure*. Bebarengan padha ngimplementasikake alihan kahanan kang bisa dirantep.

## Aksi — nerangake peristiwa

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

Aksi ora *gawe* apa-apa — padha deskripsi deklaratif saka peristiwa. Ngasmanake dhuwur minangka fakta wanci kepungkur ("added", "toggled") nyata yen dheweke ngarekam apa sing dumadi.

## Reduktor — ngitung kahanan sabanjure

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

Tandha reduktor yaiku `(state, action) => newState`. Iku kudu ngebalekake obyek/array kahanan **anyar** (immutably), ora kaiket njaba input.

## Sebab reduktor KUDU dadi murni

Fungsi murni: (1) ngebalekake output sing padha kanggo input sing padha, lan (2) ora duwe **efek samping**. Reduktor kudu turut ing rong peraturan:

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

Kemurnian ndadekake fitur Redux kang irah-irahan:

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

Efek samping (panggilan API, log, kaacakan) duwé ing **middleware** (thunks/sagas) utawa efek — ora kaiket ing reduktor.

## Sebab iku penting

Model aksi/reduktor yaiku niyat saka manajemen kahanan Redux-gaya lan alesan yen iku bisa debug lan teste.

Prasyarat kemurnian ora kepengin: iku *apa kang ndadekake* debugging wektu lumaku, balèn aksi, lan testing unit trivial bisa, lan iku sebab efek samping kudu manggon ing papan liya.

Pola pambaruan immutable-driven-function-murni iki repeat ing Redux, NgRx, useReducer, lan sètunggal — paham iku (lan disiplin njaga reduktor murni) minangka dhasar kanggo kahanan kang bisa dirantep.