Flux on sovellusarkkitehtuuri, jota Facebook käyttää sisäisesti asiakaspuolen verkkosovelluksen rakentamiseen Reactin avulla. Se ei ole kirjasto eikä kehys. Se ei ole kirjasto eikä kehys. Se on eräänlainen arkkitehtuuri, joka täydentää React as -näkymää ja noudattaa yksisuuntaisen tietovirran mallin konseptia. Se on hyödyllistä, kun projektissa on dynaamista dataa ja meidän on pidettävä tiedot ajan tasalla tehokkaalla tavalla. Se vähentää ajonaikaisia virheitä.
korvaa merkkijonosta javassa
Flux-sovelluksilla on kolme pääroolia tietojen käsittelyssä:
- Lähettäjä
- Kaupat
- Näyttökerrat (reagoi komponentit)
Tässä sinua ei pidä sekoittaa Model-View-Controller (MVC) -malliin. Vaikka Ohjaimet ovat olemassa molemmissa, mutta Flux-ohjainnäkymät (näkymät) löytyvät hierarkian yläosasta. Se hakee tiedot kaupoista ja välittää ne sitten lapsilleen. Lisäksi toimintojen luojat - dispatcher apumenetelmät, joilla kuvataan kaikki sovelluksessa mahdolliset muutokset. Se voi olla hyödyllinen Flux-päivityssyklin neljäntenä osana.
Rakenne ja tietovirta
Flux-sovelluksessa data virtaa yhteen suuntaan (yksisuuntaisesti). Tämä tietovirta on keskeinen vuokuvion kannalta. Välittäjä, myymälät ja näkymät ovat itsenäisiä solmuja, joilla on tulot ja lähdöt. Toiminnot ovat yksinkertaisia objekteja, jotka sisältävät uutta tietoa ja tyyppiominaisuutta. Katsotaanpa nyt vuoarkkitehtuurin eri komponentteja yksitellen.
Lähettäjä
Se on React Flux -sovelluksen keskuskeskus ja hallitsee kaikkea Flux-sovelluksesi tietovirtaa. Se on rekisteri takaisinsoittoja myymälöihin. Sillä ei ole omaa todellista älykkyyttä, ja se toimii yksinkertaisesti mekanismina toimien jakamiseksi kauppoihin. Kaikki kaupat rekisteröivät itsensä ja soittavat takaisin. Se on paikka, joka käsitteli kaikki tapahtumat, jotka muokkaavat kauppaa. Kun toiminnon luoja toimittaa uuden toiminnon lähettäjälle, kaikki myymälät saavat tämän toiminnon rekisterin takaisinkutsujen kautta.
Välittäjän API:lla on viisi menetelmää. Nämä ovat:
arp-a-komento
| SN | menetelmät | Kuvaukset |
|---|---|---|
| 1. | rekisteröidy () | Sitä käytetään rekisteröimään kaupan toimintokäsittelijän takaisinsoitto. |
| 2. | peruuta rekisteröinti () | Sitä käytetään myymälän takaisinsoittojen rekisteröinnin poistamiseen. |
| 3. | odottaa() | Sitä käytetään odottamaan, että määritetty takaisinsoitto suoritetaan ensin. |
| 4. | lähettää() | Sitä käytetään toiminnan lähettämiseen. |
| 5. | isDispatching() | Sitä käytetään tarkistamaan, lähettääkö lähettäjä parhaillaan toimintoa. |
Kaupat
Se sisältää ensisijaisesti sovelluksen tilan ja logiikan. Se on samanlainen kuin perinteisen MVC:n malli. Sitä käytetään tietyn tilan ylläpitämiseen sovelluksessa, se päivittää itsensä vastauksena toimintoon ja lähettää muutostapahtuman hälyttämään ohjainnäkymää.
Näkymät
Sitä kutsutaan myös ohjainnäkymiksi. Se sijaitsee ketjun yläosassa, ja se tallentaa logiikan toimintojen luomiseen ja uuden tiedon vastaanottamiseen kaupasta. Se on React-komponentti kuunnella muutostapahtumia ja vastaanottaa tiedot kaupoista ja renderöi sovelluksen uudelleen.
mikä on awt
Toiminnot
Dispatcher-menetelmän avulla voimme käynnistää lähetyksen kauppaan ja sisällyttää datan hyötykuorman, jota kutsumme toiminnoksi. Se on toiminnan luoja tai apumenetelmä, joka välittää tiedot lähettäjälle.
Fluxin etu
- Se on yksisuuntainen tietovirtamalli, joka on helppo ymmärtää.
- Se on avoimen lähdekoodin ja enemmän suunnittelumalli kuin muodollinen kehys, kuten MVC-arkkitehtuuri.
- Flux-sovellusta on helpompi huoltaa.
- Flux-sovelluksen osat on irrotettu.