En Vuejs se usa Vuex, la teoria es la misma.
Conceptos claves para empezar
¿Ya tomaste el Curso Básico de Redux?
Conceptos claves de Redux
Ciclo de vida de Redux
Diferencias entre Redux y Context
Introducción a nuestro proyecto
Creemos una Pokedux
Iniciando nuestro proyecto
¡Atraparlos ya!
Introducción a PokeAPI
React.js + Redux
Integrando Redux
Hooks vs. Connect
Redux DevTools
Middlewares
Middlewares
Peticiones asíncronas
Redux Thunk
Middlewares alternativos: Redux Saga
Avanzando la ui
Agreguemos un loader
Agreguemos favoritos
Inmutabilidad
¿Qué es inmutabilidad?
Agregando Inmutabilidad a nuestra Pokedux
Avanzado
Cuándo usar reducers combinados
Redux Toolkit: creando nuestro primer Slice
Redux Toolkit: createAsyncThunk
Despedida del curso
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 8
Preguntas 1
En Vuejs se usa Vuex, la teoria es la misma.
Esto me recuerda al patrón FLUX que utiliza VUEX en el framework VueJS
–
–
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.
Les recomiendo leer
Functional Architecture with React and Redux
.
En esta lectura hablan sobre el paradigma de programación funcional, que promueve el uso de funciones puras y valores inmutables. Para tratar de leer y entender una aplicación más fácil.
.
Básicamente Redux nos ayuda a manejar el estado usando este paradigma. Y como todo tiene sus ventajas y desventajas.
.
When should I use Redux? : Oficial Docs
.
De la documentación que menciono arriba.
Redux is more useful when:
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.