Apa iku arsitektur Flux?

Question

Accepted Answer

**Flux** punika pola arsitektur (saking Facebook) kanggo ngatur pangkat data ngangge **aliran data unidireksional (sapisan ragad)**. Menika dadi dhasar konseptual kanggo Redux lan nangaruhi akeh-akeh perpustakaan state management modern. Ide pokok: data alir dhumateng sawijining arah ingkang tunggal lan bisa dipunramalaken.

## Siklus unidireksional

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

Punika siklus ingkang kaku unidireksional: views nra ngramasi stores kanthi langsung; suke *ngluncurake aksyon*, ingkang alir lumadjeng dispatcher dumugi stores, ingkang banjur nganyaraken views.

## Napa aliran sapisan ragad iku penting

```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 ingkang dipunrampungaken Flux (ing app MVC ingkang gedhe) punika aliran data ingkang pedhes lan bidireksional dene amba banget mutusaken apa ingkang ngarobah apa. Paksa kabeh panggandengan lumadjeng aksyon ingkang diluncurake ndadekaken aliran data eksplisit lan bisa didebuggi.

## Flux lawan 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 njupuk prinsip aliran unidireksional Flux lan nyederhanakaken: sawijining store, fungsi reducer murni tinimbang stores-kanthi-logika, lan nora ana dispatcher eksplisit.

## Warisan ingkang langgeng

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

## Napa iku penting

Flux ngenalaken prinsip **aliran data unidireksional** ingkang dadi fondasi kabeh state management modern.

Pamahaman menika nerangaken *napa* Redux lan piranti-piranti sapadha dikinayang kaya sapundi (luncuraken aksyon → reducer/store nganyar → view nggawe rupa malih) lan *napa* aliran sapisan ragad luwih dipilih: dadi panggandengan pangkat bisa dirampungaken, bisa dilacak, lan bisa didebuggi.

Meskipun sampun nora nganggo "klasik" Flux, ideya pokok ipun dadi dhasar konseptual saking kabeh ekosistem.