Intro a

¿Que es?

¿Que no es?

Redux es un contenedor predecible del estado de aplicaciones JavaScript.

Otro framework frontend
librería exclusiva de React

Creado por Dan Abramov

"Redux te ayuda a escribir aplicaciones que se comportan de manera consistente, corren en distintos ambientes (cliente, servidor y nativo), y son fáciles de probar."

Como luce Redux en acción:

Paso a paso...

Action:

Un action es un objeto plano de Js que debe tener una propiedad type, esta propiedad ayuda a describir el cambio.

{
    type: "INCREMENT"
}

Store:

El Store es el objeto que reúne al resto de las piezas de Redux y tiene las siguientes responsabilidades:

Contiene el estado de la aplicación;
accesible vía getState();
Permite que el estado sea actualizado via dispatch(action);
Registra los listeners vía subscribe(listener);

Reducer:

Las actions describen que algo pasó, pero no especifican cómo cambió el estado de la aplicación en respuesta. Esto es trabajo de los reducers.

Component:

El component puede ser básicamente lo que sea que logre mostrar visualmente el store, podemos interactuar con Redux y colocar los resultados en la consola, el DOM o utilizar alguna librería de vistas.