Flux mimarisi nedir?

Question

Accepted Answer

**Flux**, **tekli yönlü (tek yönlü) veri akışı** ile durumu yönetmek için bir mimari desendir (Facebook'tan). Redux için kavramsal temel olmuştur ve çoğu modern durum yönetimi kütüphanesini etkilemiştir. Temel fikir: veriler tek, öngörülebilir bir yönde akar.

## Tek yönlü döngü

```text
  Action  →  Dispatcher  →  Store  →  View
    ↑                                   │
    └───────────────────────────────────┘
         (user interaction creates a new Action)
```

```text
1. Action     — a plain object describing WHAT happened ({ type: 'ADD_TODO', text })
2. Dispatcher — a central hub that sends every action to the stores
3. Store      — holds state + logic; updates itself in response to actions
4. View       — renders from the store; user interactions dispatch new actions
```

Halka kesinlikle tek yönlü: görünümler hiçbir zaman depoları doğrudan değiştirmez; *aksiyonlar gönderirler*, bunlar dispatcher aracılığıyla depolara akar ve ardından görünümleri günceller.

## Neden tek yönlü akış önemli

```text
Two-way binding (data flows both ways) → hard to trace WHY state changed,
                                          updates cascade unpredictably.
Flux (one-way) → every change starts with an action → predictable, traceable,
                 easy to debug (you can log every action).
```

Flux'un çözdüğü sorun (büyük MVC uygulamalarında), neyin neyi değiştirdiğini bilmenin imkansız olduğu karmaşık, çift yönlü veri akışıydı. Tüm değişiklikleri gönderilen aksiyonlar aracılığıyla zorunlu kılarak, veri akışı açık ve hata ayıklanabilir hale gelir.

## Flux vs Redux

```text
Flux:  multiple stores, a central dispatcher
Redux: a SINGLE store, no separate dispatcher (the store's dispatch + reducers),
       pure reducer functions — a simplification of Flux's ideas
```

Redux, Flux'un tek yönlü akış ilkesini aldı ve basitleştirdi: tek depo, depo-mantık-içeren yerine saf reducer fonksiyonları ve açık dispatcher yok.

## Kalıcı miras

```text
Unidirectional data flow is now standard — Redux, Vuex/Pinia, NgRx, Zustand,
and even React's own state model all embody "actions/events flow one way."
```

## Neden önemli

Flux, neredeyse tüm modern durum yönetiminin temelini oluşturan **tek yönlü veri akışı** ilkesini tanıttı.

Bunu anlamak, *neden* Redux ve benzer araçların bu şekilde yapılandırıldığını (aksiyonu gönder → reducer/depo güncellenir → görünüm yeniden oluştur) ve *neden* tek yönlü akışın tercih edildiğini açıklar: durum değişikliklerini tahmin edilebilir, izlenebilir ve hata ayıklanabilir hale getirir.

Hiç "klasik" Flux kullanmasanız bile, temel fikri tüm ekosisteminin kavramsal temelidir.