Menene Flux architecture?

Question

Accepted Answer

**Flux** shine tsarin gida (daga Facebook) don sarrafa jiha tare da **bakin biyaye zuwa gida (hanya ita illa)** na data. Ita ne tushen mahimman Abu ga Redux kuma ta tasiri da yawa wajen ƙididdiga na yau. Mahimman ra'ayi: data tana biyaye cikin hanya iya iya haswa.

## Sakoci na bakin biyaye ita illa

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

Bangare shi dai sai bakin biyaye ita illa: abubuwa ba sa canza stores ta kai; suna *aika actions*, waɗanda suke wucewa ta dispatcher zuwa stores, waɗanda suke canza abubuwa.

## Me yasa hanya ita illa ce na mahimma

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

Maƙwabciya da Flux ta warware (a cikin manyan ayyukan MVC) shi ne bakin biyaye da gudun jiya wanda ba a iya sanin abin da ya canja ba. Tilasta duk sauye-sauye ta wurin aika actions ya sa bakin biyaye ya kasance a bayyane da zai ayyana kunshe.

## 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 ta dauki tushen bakin biyaye ita illa na Flux sannan ta sauƙa shi: kafu isa, ayyukan dan karami a maimakon stores-tare-da-logi, kuma babu dispatcher a bayyane.

## Ragowar gida

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

## Me yasa yana da mahimma

Flux ta saba da tushen **bakin biyaye zuwa gida na data** da aka yiwu duk kayan sarrafa jiha na jiya.

Sanin shi ya bayyana me yasa Redux da kayan irin wannan aka ƙeyi haka (aika action → canja reducer/store → canja abubuwa) kuma me yasa aka fi sona hanya ita illa: ya sa sauye-sauye na jiha su kasance a iya haswa, zai iya kuna, kuma zai iya zanna.

Ko ba ka tashi amfani da "Flux" na gida ba, tushen mahimman ra'ayinsa shi ne tushen hadisahin duka ƙididdiga.