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.
-
check_circle_outlineMódulo 1 | 5 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 4 clases
Configuración del entorno para Windows
expand_more -
check_circle_outlineMódulo 3 | 3 clases
Configuración del entorno para MacOS
expand_more -
check_circle_outlineMódulo 4 | 3 clases
Configurando el proyecto
expand_more -
check_circle_outlineMódulo 5 | 6 clases
Autenticación de usuarios
expand_more -
check_circle_outlineMódulo 6 | 6 clases
Navegación
expand_more -
check_circle_outlineMódulo 7 | 4 clases
Layout
expand_more -
check_circle_outlineMódulo 8 | 8 clases
Material Design y Theming
expand_more -
check_circle_outlineMódulo 9 | 6 clases
Redux
expand_more -
check_circle_outlineMódulo 10 | 7 clases
Almacén de datos con Firestore
expand_more -
check_circle_outlineMódulo 11 | 5 clases
Colecciones y listas
expand_more -
check_circle_outlineMódulo 12 | 14 clases
Proyecto de Intercambios de Regalo
expand_more
0 comentario(s)