Što je Flux arhitektura?

Question

Accepted Answer

**Flux** je arhitekturni obrazac (od Facebooka) za upravljanje stanjem s **unidirectionalnim (jednosmernim) tokom podataka**. Bio je konceptualni temelj za Redux i utjecao je na većinu modernih biblioteka stanja. Osnovna ideja: podaci teku u jednom, predvidljivom smjeru.

## Unidirekcijski ciklus

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

Petlja je strogo jednosmeran: prikazi nikad ne mijenjaju direktno store-ove; oni *šalju akcije*, koje se prosljeđuju kroz dispatcher do store-ova, koji zatim ažuriraju prikaze.

## Zašto je jednosmeran tok bitan

```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 koju je Flux riješio (u velikim MVC aplikacijama) bio je zapleteni, bidirekcijski tok podataka gdje je bilo nemoguće znati što je što promijenilo. Nametanje svih promjena kroz slane akcije čini tok podataka eksplicitnim i debuggabilnim.

## Flux nasuprot 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 uzeo Fluxov princip jednosmernog toka i pojednostavio ga: jedan store, pure reducer funkcije umjesto store-ova-sa-logikom, i nema eksplicitnog dispatchera.

## Trajno nasljeđe

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

## Zašto je važno

Flux je uveo princip **jednosmernog toka podataka** koji podupire praktički sve moderno upravljanje stanjem.

Razumijevanje ga objašnjava *zašto* su Redux i slični alati strukturirani kako su (pošalji akciju → ažuriraj reducer/store → ponovno prikaži prikaz) i *zašto* se preferira jednosmeran tok: čini promjene stanja predvidljive, pratljive i debuggabilne.

Čak i ako nikad ne koristiš "klasični" Flux, njegova je osnovna ideja konceptualni temelj cijelog ekosustava.