A Flux egy olyan alkalmazásarchitektúra, amelyet a Facebook belsőleg használ a kliensoldali webalkalmazások React segítségével történő felépítéséhez. Ez nem könyvtár és nem keretrendszer. Ez nem könyvtár és nem keretrendszer. Ez egyfajta architektúra, amely kiegészíti a React mint nézetet, és követi az egyirányú adatfolyam modell koncepcióját. Akkor hasznos, ha a projekt dinamikus adatokkal rendelkezik, és az adatokat hatékonyan kell frissítenünk. Csökkenti a futásidejű hibákat.
válasszon több sql táblából
A fluxus alkalmazásoknak három fő szerepe van az adatok kezelésében:
- Diszpécser
- Üzletek
- Megtekintések (React összetevők)
Itt nem szabad összetéveszteni a Model-View-Controller (MVC) modellel. Bár a Controllers mindkettőben létezik, de a Flux vezérlőnézetek (nézetek) a hierarchia tetején találhatók. Lekéri az adatokat az üzletekből, majd továbbadja ezeket a gyerekeknek. Ezenkívül a műveletkészítők – diszpécser segítő módszerek az alkalmazásban lehetséges összes változtatás leírására. Hasznos lehet a Flux frissítési ciklus negyedik részeként.
Struktúra és adatfolyam
A Flux alkalmazásban az adatok egyetlen irányban (egyirányú) áramlanak. Ez az adatfolyam központi szerepet játszik a fluxusmintában. A diszpécser, az üzletek és a nézetek független csomópontok bemenetekkel és kimenetekkel. A műveletek egyszerű objektumok, amelyek új adatokat és típustulajdonságot tartalmaznak. Most pedig nézzük meg egyenként a fluxus architektúra különféle összetevőit.
Diszpécser
Ez a React Flux alkalmazás központi központja, és kezeli a Flux alkalmazás összes adatfolyamát. Ez az üzletekbe történő visszahívások nyilvántartása. Nincs saját valódi intelligenciája, és egyszerűen csak egy mechanizmusként működik az akciók elosztására az üzletekben. Minden üzlet regisztrálja magát, és visszahívást biztosít. Ez egy olyan hely, amely az üzletet módosító összes eseményt kezeli. Amikor egy művelet létrehozója új műveletet biztosít a diszpécsernek, az összes áruház megkapja ezt a műveletet a rendszerleíró adatbázisban található visszahívásokon keresztül.
A diszpécser API-nak öt módszere van. Ezek:
latex szövegméret
| SN | Mód | Leírások |
|---|---|---|
| 1. | Regisztráció() | Egy üzlet műveletkezelőjének visszahívásának regisztrálására szolgál. |
| 2. | regisztráció törlése() | Az üzlet visszahívásának törlésére szolgál. |
| 3. | várni rá() | Arra használatos, hogy megvárja, amíg a megadott visszahívás először lefut. |
| 4. | Elküldés() | Egy művelet elküldésére szolgál. |
| 5. | isDispatching() | Annak ellenőrzésére szolgál, hogy a diszpécser éppen küld-e egy műveletet. |
Üzletek
Elsősorban az alkalmazás állapotát és logikáját tartalmazza. Hasonló a hagyományos MVC modelljéhez. Egy adott állapot fenntartására szolgál az alkalmazáson belül, frissíti magukat egy műveletre válaszul, és a változási eseményt bocsátja ki a vezérlő nézet figyelmeztetésére.
Nézetek
Controller-view-nek is nevezik. A lánc tetején található, hogy tárolja a logikát a műveletek generálásához és az új adatok fogadásához az áruházból. Ez egy React komponens figyeli a változási eseményeket, és fogadja az adatokat az üzletekből, és újrarendereli az alkalmazást.
Akciók
A diszpécser módszer lehetővé teszi számunkra, hogy kiküldést indítsunk el az áruházba, és egy hasznos adatmennyiséget foglaljunk bele, amit műveletnek nevezünk. Ez egy művelet létrehozó vagy segítő metódus, amely továbbítja az adatokat a diszpécsernek.
java math.min
A fluxus előnyei
- Ez egy egyirányú adatáramlási modell, amely könnyen érthető.
- Nyílt forráskódú, és inkább tervezési minta, mint formális keretrendszer, mint például az MVC architektúra.
- A fluxus alkalmazás könnyebben karbantartható.
- A fluxus alkalmazási részei szét vannak választva.