Name: ejemplo-reflux
Owner: Comunidad Platzi
Description: null
Created: 2015-06-18 16:55:38.0
Updated: 2018-03-20 14:26:20.0
Pushed: 2016-06-17 22:52:02.0
Homepage: null
Size: 202
Language: JavaScript
GitHub Committers
| User | Most Recent Commit | # Commits |
|---|
Other Committers
| User | Most Recent Commit | # Commits |
|---|
Este es un ejemplo de la arquitectura Reflux, inspirada en Flux.
Autor: Sacha Lifszyc | @slifszyc | sacha.lifszyc@gmail.com
Clonar el repo con el comando:
clone git@github.com:platzi/ejemplo-reflux.git
jemplo-reflux
Correr los comandos:
install
run build
index.html
Flux es la arquitectura de aplicaciones que Facebook utiliza para crear aplicaciones web del lado del cliente (front-end). Complementa los components de React mediante la utilización de un flujo de datos unidireccional. Es más bien un patrón en lugar de un framework.
El Dispatcher es un objeto único en nuestra aplicación y funciona como el eje central del flujo de datos en una aplicación. Esencialmente es un registro de callbacks, funciones que se ejecturán cuando se produzca un evento. A medida que crezca nuestra app, veremos cómo los Stores dependen entre sí, y con el Dispatcher ordenamos esa interdependencia.
Cuando nuevos datos entran en el sistema (ya sea a través de un usuario que hace click en la interfaz de usuario o a través de una respuesta AJAX) se empaquetan en una acción - un objeto que contiene los nuevos campos de los datos y un tipo de acción específica. Las acciones se identifican mediante un atributo type. Cuando todas las tiendas reciben la acción, que suelen utilizar este atributo para determinar si y cómo deben responder a ella.
Los Stores contienen el estado de la aplicación y la lógica. Son algo similar a un modelo en una MVC tradicional, pero administran el estado de muchos objetos - que no representan un solo registro de datos como hacen los modelos ORM. Tampoco son lo mismo que las colecciones del Backbone. Más que una simple gestión de una colección de objetos de estilo ORM, los Stores administran el estado de la aplicación de un dominio determinado dentro de la aplicación.
Una librería simple para la arquitectura de aplicaciones de flujo de datos unidireccional inspirado en ReactJS.
Las diferencias principales con Flux son:
waitFor se sustituye a favor de manejar flujos de datos en serie y en paraleloMás info en este link
??????? ?????????? ???????????????????
tions ???????>? Stores ???????>? View Components ?
??????? ?????????? ???????????????????
^ ?
????????????????????????????????????????