Kas yra Flux architektūra?

Question

Accepted Answer

**Flux** yra architektūros šablonas (iš Facebook), skirtas valstybei valdyti naudojant **vienkryptį (vienpusį) duomenų srautą**. Tai buvo konceptualus Redux pagrindas ir turėjo įtakos daugeliui šiuolaikinių state valdymo bibliotekų. Pagrindinė idėja: duomenys teka viena, nuspėjama kryptimi.

## Vienkryptis ciklas

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

Ciklas yra griežtai vienkryptis: rodmenys niekada tiesiogiai nekeičia saugyklų; jie *išsiunčia veiksmus*, kurie teka per išsiuntėją į saugyklas, kurie tada atnaujina rodomą turinį.

## Kodėl vienpusis srautas svarbus

```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, kurią Flux išsprendė (didelėse MVC programose), buvo sudėtingas, dvipusis duomenų srautas, kuriame buvo neįmanoma žinoti, kas ką pakeitė. Verčiant visus pokyčius per išsiųstus veiksmus, duomenų srautas tampa aiškus ir galimas nuklaidoti.

## 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 paėmė Flux vienkryptio srauto principą ir jį supaprastino: viena saugykla, grynos reducer funkcijos vietoj saugyklų su logika, ir nėra aiškaus išsiuntėjo.

## Ilgalaikis paveldas

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

## Kodėl tai svarbu

Flux pristatė **vienkryptį duomenų srautą** principą, kuris yra praktiškai visų šiuolaikinių state valdymo pagrindas.

Jo supratimas paaiškina *kodėl* Redux ir panašios priemonės yra strukturuotos tokiu būdu (išsiųsti veiksmą → reducer/saugykla atnaujina → rodinys iš naujo rodyti) ir *kodėl* vienpusis srautas yra pageidaujamas: tai daro valstybės pokyčius numatymus, stebimus ir galimais klaidą surasti.

NET jei niekada nenaudosite "klasikinės" Flux, jos pagrindinė idėja yra visos ekosistemos konceptualus pagrindas.