Flux és una arquitectura d'aplicació que Facebook utilitza internament per crear l'aplicació web del costat del client amb React. No és una biblioteca ni un marc. No és ni una biblioteca ni un marc. És una mena d'arquitectura que complementa React com a vista i segueix el concepte de model de flux de dades unidireccional. És útil quan el projecte té dades dinàmiques i hem de mantenir les dades actualitzades d'una manera eficaç. Redueix els errors de temps d'execució.
L'actriu Rakul Preet Singh
Les aplicacions de flux tenen tres funcions principals en el tractament de dades:
- Despatx
- Botigues
- Visualitzacions (components React)
Aquí, no us heu de confondre amb el model Model-View-Controller (MVC). Tot i que, els controladors existeixen en tots dos, però les vistes (visualitzacions) de controlador de Flux es troben a la part superior de la jerarquia. Recupera dades de les botigues i després passa aquestes dades als seus fills. A més, els creadors d'accions: mètodes d'ajuda del despatxador utilitzats per descriure tots els canvis possibles a l'aplicació. Pot ser útil com a quarta part del cicle d'actualització de Flux.
Estructura i flux de dades
A l'aplicació Flux, les dades flueixen en una única direcció (unidireccional). Aquest flux de dades és central per al patró de flux. El despatxador, les botigues i les vistes són nodes independents amb entrades i sortides. Les accions són objectes simples que contenen dades noves i propietats de tipus. Ara, mirem els diferents components de l'arquitectura de flux un per un.
Despatx
És un centre central per a l'aplicació React Flux i gestiona tot el flux de dades de la vostra aplicació Flux. És un registre de devolucions de trucades a les botigues. No té cap intel·ligència pròpia i simplement actua com un mecanisme per distribuir les accions a les botigues. Totes les botigues es registren i ofereixen una devolució de trucada. És un lloc on es van gestionar tots els esdeveniments que modifiquen la botiga. Quan un creador d'accions proporciona una acció nova al despatxador, totes les botigues reben aquesta acció mitjançant les devolucions de trucada del registre.
L'API del despatxador té cinc mètodes. Aquests són:
data java a cadena
| SN | Mètodes | Descripcions |
|---|---|---|
| 1. | registre () | S'utilitza per registrar la devolució de trucada del gestor d'accions d'una botiga. |
| 2. | cancel·lar el registre () | S'utilitza per anul·lar el registre de la devolució de trucada d'una botiga. |
| 3. | esperar() | S'utilitza per esperar que la devolució de trucada especificada s'executi primer. |
| 4. | enviament () | S'utilitza per enviar una acció. |
| 5. | isDispatching() | S'utilitza per comprovar si el despatxador està enviant una acció actualment. |
Botigues
Conté principalment l'estat i la lògica de l'aplicació. És similar al model d'un MVC tradicional. S'utilitza per mantenir un estat determinat dins de l'aplicació, s'actualitza en resposta a una acció i emet l'esdeveniment de canvi per alertar la vista del controlador.
rdbms
Vistes
També s'anomena visualització del controlador. Es troba a la part superior de la cadena per emmagatzemar la lògica per generar accions i rebre noves dades de la botiga. És un component React que escolta per canviar els esdeveniments i rep les dades de les botigues i torna a renderitzar l'aplicació.
Accions
El mètode dispatcher ens permet activar un enviament a la botiga i incloure una càrrega útil de dades, que anomenem acció. És un creador d'accions o mètodes d'ajuda que transmeten les dades al despatxador.
Avantatge de Flux
- És un model de flux de dades unidireccional que és fàcil d'entendre.
- És de codi obert i és més un patró de disseny que un marc formal com l'arquitectura MVC.
- L'aplicació de flux és més fàcil de mantenir.
- Les parts d'aplicació de flux estan desacoblades.