Actions ve reducers nedir ve reducers neden pure olmalıdır?

Question

Accepted Answer

**Action** *neler olduğunu* açıklayan düz bir nesnedir; **reducer** mevcut state ve bir action alan ve *sonraki* state'i döndüren pure bir fonksiyondur. Birlikte öngörülebilir state geçişleri uygularlar.

## Actions — olayları açıklar

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

Actions *hiçbir şey yapmaz* — olayların bildirim biçiminde açıklamalarıdır. Onları geçmiş zaman şeklinde adlandırmak ("added", "toggled") neler olduğunu kaydettiklerini yansıtır.

## Reducers — sonraki state'i hesaplar

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

Bir reducer'ın imzası `(state, action) => newState` şeklindedir. **Yeni** bir state object/array döndürmelidir (değişmez şekilde), asla girdiyi değiştirmemelidir.

## Reducers PURE olmalı neden

Pure fonksiyon: (1) aynı girdiye aynı çıktı döndürür ve (2) **yan etkisi yoktur**. Reducers her iki kurala da uymalıdır:

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

Saflık Redux'un imza özelliklerini sağlar:

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

Yan etkiler (API çağrıları, logging, randomness) **middleware**'de (thunks/sagas) veya effects'te bulunmalı — asla reducers'da değil.

## Neden önemli

Action/reducer modeli Redux tarzı state yönetiminin kalbidir ve bunun neden bu kadar hata ayıklanabilir ve test edilebilir olduğunun nedenidir.

Saflık gereksinimi keyfi değildir: bu *time-travel debugging, action replay ve trivial unit testing'i mümkün kılan şeydir* ve yan etkilerin başka yerde bulunması gereken nedenidir.

Bu pure-fonksiyon tarafından yürütülen, immutable update pattern Redux, NgRx, useReducer ve ötesinde tekrar tekrar ortaya çıkar — bunu anlamak (ve reducers'ı pure tutma disiplini) öngörülebilir state için temeldir.