Kaj je Flux arhitektura?

Question

Accepted Answer

**Flux** je vzorec arhitekture (od Facebooka) za upravljanje stanja z **enosmernim (enopredmetnim) tokom podatkov**. Bil je konceptualna osnova za Redux in vplival na večino sodobnih knjižnic za stanje. Osnovna ideja: podatki tečejo v eni, predvidljivi smeri.

## Enosmerni cikel

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

Zanka je strogo enosmerna: pogledi nikoli ne spreminjajo direktno skladišč; *pošiljajo akcije*, ki tečejo skozi dispatcher v skladišča, ta pa nato posodobijo poglede.

## Zakaj je enosmerni tok pomemben

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

Problema, ki ga je Flux rešil (v velikih MVC aplikacijah), je bil zapletena, dvosmerna podatkovna pot, kjer je bilo nemogoče vedeti, kaj je spremenilo kaj. Prisiljeni, da so vse spremembe potekale skozi odpravljene akcije, postane podatkovna pot eksplicitna in razumljiva.

## Flux v primerjavi s 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 je vzel Fluxov princip enosmernega toka in ga poenostavio: eno skladišče, čiste funkcije reduciranja namesto skladišč-z-logiko in brez eksplicitnega dispatcherja.

## Trajno dediščino

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

## Zakaj je to pomembno

Flux je predstavil princip **enosmernega toka podatkov**, ki je temelj praktično vseh sodobnih sistemov za upravljanje stanja.

Razumevanje tega pojasnjuje *zakaj* so Redux in podobna orodja strukturirana na način, na katerega so (pošlji akcijo → reducer/skladišče posodobi → pogled ponovno prikaže) in *zakaj* je enosmerni tok prednostno: naredi spremembe stanja predvidljive, sledljive in razumljive.

Chesda nikoli ne uporabite "klasičnega" Flux, je njegova osnovna ideja konceptualna temelj celotnega ekosistema.