Ciclo de vida de Redux

1. state define UI
2. en la UI el usuario dispara una acción
3. la acción es mandada al reducer
4. el reducer actualiza el store
5. el store contiene al state
6. volvemos al paso 1

Esto me recuerda al patrón FLUX que utiliza VUEX en el framework VueJS

3.-Ciclo de vida de Redux

–

• El estado describe la condición actual de la aplicación, este estado “vive” dentro del store.
• La vista o UI se renderiza basada en este estado y cuando un evento (como un click) pasa el estado se actualiza basado en lo que pasó. No se actualiza directamente, es “disparado” hacía el reducer que es el encargado de saber como se actualizará el estado. Luego de que el cambio pasa y el estado se actualiza la UI se re-renderiza basada en el estado.

–
Redux es una libreria “agnostica”, es decir, puede ser usada con cualquier capa en la UI o framework.

Actualización de la imagen:
En versiones resiente Redux incorpora middlewares para el registro de acciones, la administración de peticiones asíncronas, la gestión de errores, la autenticación, entre otros.

CICLO DE VIDA REDUX
Despacho de una acción: Un evento de UI, una respuesta de red o cualquier otra fuente despacha una acción, que es un objeto de JavaScript simple que describe el cambio a realizar.

Actualización del almacén: El almacén de Redux recibe la acción despachada y la pasa a la función reductora. El reductor calcula el nuevo estado en base al estado actual y la acción.

Actualización de los componentes: El almacén emite un evento de cambio, lo que hace que los componentes que están suscritos al almacén vuelvan a renderizarse. El nuevo estado está disponible en el almacén y puede ser utilizado por los componentes para renderizar la UI actualizada.

El usuario interactúa con la UI actualizada: El usuario interactúa con la UI actualizada, potencialmente provocando otro despacho de acción. Esto comienza el ciclo nuevamente.

Nota: Es importante recordar que el estado debe tratarse como inmutable y no modificarse directamente. Se deben crear nuevos estados para reflejar los cambios.