„Flux“ yra programos architektūra, kurią „Facebook“ viduje naudoja kurdamas kliento žiniatinklio programą su „React“. Tai nėra biblioteka ar struktūra. Tai nėra nei biblioteka, nei struktūra. Tai savotiška architektūra, kuri papildo „React as“ vaizdą ir vadovaujasi vienakrypčio duomenų srauto modelio koncepcija. Tai naudinga, kai projekte yra dinamiški duomenys, ir mes turime juos efektyviai atnaujinti. Tai sumažina veikimo laiko klaidas.
kurtinys vs barsukas
Flux programos atlieka tris pagrindinius vaidmenis tvarkant duomenis:
- Dispečeris
- Parduotuvės
- Peržiūros (Reaguoti komponentai)
Čia nereikėtų painioti su modelio peržiūros valdiklio (MVC) modeliu. Nors valdikliai egzistuoja abiejuose, tačiau Flux valdiklio rodiniai (vaizdai) yra hierarchijos viršuje. Jis nuskaito duomenis iš parduotuvių ir perduoda šiuos duomenis jų vaikams. Be to, veiksmo kūrėjai – dispečerio pagalbiniai metodai, naudojami aprašyti visus galimus programos pakeitimus. Tai gali būti naudinga kaip ketvirtoji Flux atnaujinimo ciklo dalis.
Struktūra ir duomenų srautas
Flux programoje duomenys teka viena kryptimi (viena kryptimi). Šis duomenų srautas yra pagrindinis srauto modelis. Dispečeris, parduotuvės ir rodiniai yra nepriklausomi mazgai su įvestimis ir išvestimis. Veiksmai yra paprasti objektai, kuriuose yra naujų duomenų ir tipo ypatybių. Dabar pažvelkime į įvairius srauto architektūros komponentus po vieną.
Dispečeris
Tai yra centrinis programos „React Flux“ centras ir valdo visą „Flux“ programos duomenų srautą. Tai yra atgalinių skambučių į parduotuves registras. Jis neturi tikrojo savo intelekto ir tiesiog veikia kaip veiksmų paskirstymo į parduotuves mechanizmas. Visos parduotuvės užsiregistruoja ir suteikia atgalinį ryšį. Tai vieta, kurioje buvo tvarkomi visi įvykiai, keičiantys parduotuvę. Kai veiksmo kūrėjas pateikia naują veiksmą dispečeriui, visos parduotuvės tą veiksmą gauna per registro atgalinius skambučius.
Dispečerinės API yra penki metodai. Šitie yra:
kažkas greito rūšiavimo
| SN | Metodai | Aprašymai |
|---|---|---|
| 1. | Registruotis() | Jis naudojamas registruoti parduotuvės veiksmų tvarkyklės atgalinį skambutį. |
| 2. | išregistruoti () | Jis naudojamas parduotuvės atgalinio skambučio išregistravimui. |
| 3. | laukti() | Jis naudojamas laukti, kol pirmiausia bus paleistas nurodytas atgalinis skambutis. |
| 4. | siuntimas () | Jis naudojamas veiksmui išsiųsti. |
| 5. | issiuntimas() | Jis naudojamas patikrinti, ar dispečeris šiuo metu siunčia veiksmą. |
Parduotuvės
Jame pirmiausia yra programos būsena ir logika. Jis panašus į tradicinio MVC modelį. Jis naudojamas tam tikrai programos būsenai palaikyti, atnaujina save reaguodamas į veiksmą ir siunčia pakeitimo įvykį, kad įspėtų valdiklio rodinį.
java apdailos eilutė
Peržiūros
Jis taip pat vadinamas valdiklio rodiniais. Jis yra grandinės viršuje, kad būtų saugoma logika, leidžianti generuoti veiksmus ir gauti naujų duomenų iš parduotuvės. Tai yra „React“ komponentas, kuris klausosi pokyčių įvykių ir gauna duomenis iš parduotuvių bei iš naujo pateikia programą.
Veiksmai
Dispečerinis metodas leidžia mums suaktyvinti siuntimą į parduotuvę ir įtraukti naudingų duomenų kiekį, kurį vadiname veiksmu. Tai veiksmo kūrėjas arba pagalbinis metodas, kuris perduoda duomenis dispečeriui.
Flux privalumas
- Tai vienakrypčio duomenų srauto modelis, kurį lengva suprasti.
- Tai atvirojo kodo ir labiau dizaino modelis nei formali sistema, tokia kaip MVC architektūra.
- Fliuso programą lengviau prižiūrėti.
- Fliuso taikymo dalys yra atsietos.