Flux ir lietojumprogrammu arhitektūra, ko Facebook iekšēji izmanto, lai izveidotu klienta puses tīmekļa lietojumprogrammu ar React. Tā nav bibliotēka vai ietvars. Tā nav ne bibliotēka, ne ietvars. Tā ir sava veida arhitektūra, kas papildina React kā skatu un seko vienvirziena datu plūsmas modeļa koncepcijai. Tas ir noderīgi, ja projektam ir dinamiski dati, un mums tie ir efektīvi jāatjaunina. Tas samazina izpildlaika kļūdas.
skaits atšķirīgs sql
Flux lietojumprogrammām ir trīs galvenās lomas datu apstrādē:
- Dispečers
- Veikali
- Skatījumi (reaģēt komponenti)
Šeit jūs nedrīkstat sajaukt ar modeļa skata kontroliera (MVC) modeli. Lai gan Kontrolieri pastāv abos, bet Flux kontrollera skati (skati) atrodas hierarhijas augšpusē. Tas izgūst datus no veikaliem un pēc tam nodod šos datus saviem bērniem. Turklāt darbību veidotāji - dispečeru palīga metodes, ko izmanto, lai aprakstītu visas lietojumprogrammā iespējamās izmaiņas. Tā var būt noderīga kā Flux atjaunināšanas cikla ceturtā daļa.
Struktūra un datu plūsma
Lietojumprogrammā Flux dati plūst vienā virzienā (vienvirziena). Šī datu plūsma ir galvenā plūsmas modeļa sastāvdaļa. Dispečers, veikali un skati ir neatkarīgi mezgli ar ieejām un izvadēm. Darbības ir vienkārši objekti, kas satur jaunus datus un tipa rekvizītus. Tagad apskatīsim dažādus plūsmas arhitektūras komponentus pa vienam.
Dispečers
Tas ir lietojumprogrammas React Flux centrālais centrs un pārvalda visu jūsu Flux lietojumprogrammas datu plūsmu. Tas ir veikalu atzvanīšanas reģistrs. Tam nav sava reāla intelekta, un tas vienkārši darbojas kā mehānisms darbību izplatīšanai veikaliem. Visi veikali reģistrē sevi un nodrošina atzvanīšanu. Tā ir vieta, kas apstrādāja visus notikumus, kas maina veikalu. Kad darbības veidotājs dispečeram nodrošina jaunu darbību, visi veikali saņem šo darbību, izmantojot reģistra atzvanus.
Dispečera API ir piecas metodes. Šie ir:
tojson java
| SN | Metodes | Apraksti |
|---|---|---|
| 1. | reģistrēties () | To izmanto, lai reģistrētu veikala darbību apstrādātāja atzvanīšanu. |
| 2. | atcelt reģistrāciju () | To izmanto, lai atceltu veikala atzvanīšanas reģistrāciju. |
| 3. | gaidīt() | To izmanto, lai vispirms gaidītu norādīto atzvanīšanu. |
| 4. | nosūtīt () | To izmanto, lai nosūtītu darbību. |
| 5. | ir nosūtīšana() | To izmanto, lai pārbaudītu, vai dispečers pašlaik nosūta darbību. |
Veikali
Tas galvenokārt satur lietojumprogrammas stāvokli un loģiku. Tas ir līdzīgs tradicionālā MVC modelim. To izmanto, lai uzturētu noteiktu stāvokli lietojumprogrammā, atjaunina sevi, reaģējot uz darbību, un izdod izmaiņu notikumu, lai brīdinātu kontrollera skatu.
Skati
To sauc arī par kontroliera skatiem. Tas atrodas ķēdes augšdaļā, lai saglabātu loģiku darbību ģenerēšanai un jaunu datu saņemšanai no veikala. Tas ir React komponents, kas klausās izmaiņu notikumus un saņem datus no veikaliem un atkārtoti renderē lietojumprogrammu.
Darbības
Dispečera metode ļauj mums aktivizēt nosūtīšanu uz veikalu un iekļaut lietderīgo datu slodzi, ko mēs saucam par darbību. Tā ir darbību veidotāja vai palīgmetodes, kas nodod datus dispečeram.
lasīt excel failu java
Flux priekšrocības
- Tas ir vienvirziena datu plūsmas modelis, kas ir viegli saprotams.
- Tas ir atvērtā koda un vairāk dizaina modelis nekā formāls ietvars, piemēram, MVC arhitektūra.
- Plūsmas pielietojumu ir vieglāk uzturēt.
- Plūsmas pielietojuma daļas ir atsaistītas.