¿QUÉ ES REDUX?

Es un patrón para el manejo de la información.

• La información se manejara en un solo lugar.
• Permite saber el estado de la aplicación.
• Como se encuentra determinada variable.
• Quien cambio esa variable.
• Como cambio la información, en que momento, y otra información relacionado al estado de la aplicación.

Cabe recalcar que este patrón es muy usado en React, pero tambien lo puedes usar en Angular, Vanilla JS, Vue o etc.

Redux : Sincrono

Siempre tendremos un STATE (inicial ya sea vacío ) que sera proveído por el STORE.

Este STATE llega a la VISTA como un valor inicial y lo muestra en pantalla, pero como todos sabemos en una aplicación siempre se ejecutan acciones.

La VISTA o usuario realiza una acción(ACTION), esta es recibida por el DISPATCHER, este abrira la información la analizara y se lo enviara al REDUCER que le corresponde, el reducer ejecuta la acción y genera un nuevo STATE que es de nuevo enviado a la vista.

Redux : Asincrono

El proceso Asincrono es casi lo mismo con la unica diferencia que

• Aqui es donde necesitamos implementar un middleware, que es como una capa que abstraera la información que se necesita, por ejemplo peticiones a una API
• Una vez obtenida la respuesta, como este middlware esta dentro del dispatcher, por lo tanto toda esta información recibida se lo enviara al reducer correspondiente y todo volvera a ser sincrono.