Redux, además de una librería, es una arquitectura. Como tal, Redux define cómo se puede actualizar la información de la aplicación, lo que antes describimos como el estado de la interfaz.

En una aplicación tradicional, particularmente una con múltiples componentes y cambios constantes a la misma, puede terminar siendo confuso qué componente está actualizando la información, cómo se realizaron los cambios, dónde se perdieron datos, cómo reestablecerlos, etc. Redux define un camino unidreccional para realizar cambios al store, esta característica te permite identificar de manera clara qué y cómo se modifica la información de la aplicación misma.

En el core, Redux coloca al store o almacén, el store contiene el state o el estado de la aplicación, que no es más que las variables y sus modificaciones mientras el usuario ha estado utilizando la interfaz.

Para modificar el store, únicamente podemos hacerlo a través del envío o dispatch como diríamos en Redux, de acciones. Las acciones son objetos JSON que, por un lado, indican qué tipo de cambio se hará, y por otro proveen de los datos para realizar dicho cambio sobre el store. En pocas palabras un action describe la modificación al store, así que si deseas modificar algo del mismo, tendrías que enviar un action describiendo la modificación que deseas que se realice.

Las modificaciones se dan en el reducer, una función central y pura, que recibe acciones además de un estado, y retorna un nuevo estado basado en las acciones que debía realizar, en el reducer es que tenemos que hacer los cambios apropiados en el state.

La arquitectura Redux

Siguiente arrow_forward