Looking for reactjs Answers? Try Ask4KnowledgeBase
Looking for reactjs Keywords? Try Ask4Keywords

ReactUsando ReactJS en forma de flujo


Introducción

Resulta muy útil utilizar el enfoque de Flux, cuando se planea que crezca su aplicación con ReactJS en el frontend, debido a estructuras limitadas y un poco de código nuevo para hacer que los cambios de estado en el tiempo de ejecución sean más fáciles.

Observaciones

Flux es la arquitectura de la aplicación que usa Facebook para crear aplicaciones web del lado del cliente. Complementa los componentes de vista compostable de React utilizando un flujo de datos unidireccional. Es más un patrón que un marco formal, y puede comenzar a usar Flux inmediatamente sin un montón de código nuevo.

Las aplicaciones de flujo tienen tres partes principales: el despachador , las tiendas y las vistas (componentes React). Estos no deben confundirse con Model-View-Controller. Los controladores existen en una aplicación Flux, pero son vistas de controlador, vistas que a menudo se encuentran en la parte superior de la jerarquía que recuperan datos de las tiendas y pasan estos datos a sus hijos. Además, los creadores de acciones (métodos de ayuda de dispatcher) se utilizan para admitir una API semántica que describe todos los cambios posibles en la aplicación. Puede ser útil pensar en ellos como una cuarta parte del ciclo de actualización de Flux.

Flux evita MVC en favor de un flujo de datos unidireccional. Cuando un usuario interactúa con una vista React, la vista propaga una acción a través de un despachador central, a las diferentes tiendas que contienen los datos y la lógica empresarial de la aplicación, que actualiza todas las vistas afectadas. Esto funciona especialmente bien con el estilo de programación declarativo de React, que permite a la tienda enviar actualizaciones sin especificar cómo hacer la transición de las vistas entre los estados.

Usando ReactJS en forma de flujo Ejemplos relacionados