Co je architektura Flux?

Question

Accepted Answer

**Flux** je architekturní vzor (od Facebooku) pro správu stavu s **jednosměrným (jednosměrným) tokem dat**. Byl to koncepční základ pro Redux a ovlivnil většinu moderních knihoven pro správu stavu. Základní myšlenka: data proudí v jediném, předvídatelném směru.

## Jednosměrný cyklus

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

Smyčka je přísně jednosměrná: pohledy (views) přímo nemění úložiště (stores); místo toho *odešlou akce*, které proudí přes dispečera do úložišť, která poté aktualizují pohledy.

## Proč jednosměrný tok záleží

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

Problém, který Flux vyřešil (ve velkých MVC aplikacích), byl zapletený, obousměrný tok dat, kde bylo nemožné vědět, co změnilo co. Vynucení všech změn prostřednictvím odeslanych akcí činí tok dat explicitní a laděnitelný.

## 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 vzal Fluxův princip jednosměrného toku a zjednoduší jej: jedno úložiště, čisté reducer funkce místo úložišť s logikou a žádný explicitní dispečer.

## Trvalé dědictví

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

## Proč to záleží

Flux zavedl princip **jednosměrného toku dat**, který podporuje prakticky veškerou moderní správu stavu.

Rozebrání vám vysvětluje *proč* jsou Redux a podobné nástroje strukturovány tak, jak jsou (odešli akci → reducer/úložiště se aktualizují → pohled se znovu vykreslí) a *proč* se upřednostňuje jednosměrný tok: činí změny stavu předvídatelnými, sledovatelnými a laděnitelnými.

I když nikdy nepoužijete "klasickou" Flux, její základní myšlenka je koncepčním základem celého ekosystému.