©2024 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Curso práctico de Redux y Redux Toolkit
Gestión global de datos, sencilla y comprensible con Redux y Redux Toolkit
Inscripciones abiertas
Inicio del curso
En este curso de Redux vamos a aprender a manejar esta biblioteca para la gestión del estado en un contenedor global, lo que permite mantener datos y funcionalidades de una manera centralizada, comprensible y escalable.
Redux permite tener un único contenedor de datos, al cual puedes acceder desde cualquier parte del código de tus aplicaciones, a lo largo de todos sus componentes. Podrás acceder a los datos y a las funcionalidades definidas con Redux por medio de acciones. De este modo es posible mantenerse sincronizado con el estado de la aplicación y manipular el estado global de una manera sencilla y centralizada.
Existen muchas bibliotecas de gestión global del estado, pero Redux es la más importante y extendida. En el pasado se criticó bastante a Redux por la cantidad de código que era necesario para trabajar con la librería y como consecuencia las nuevas versiones han cambiado sensiblemente. Ahora con Redux Toolkit conseguimos una interfaz para la programación más sencilla y directa, eliminando mucho código de configuración y gestión del estado.
En este curso comenzaremos desde cero con Redux, aplicando sus novedades recientes propuestas por la librería Redux Toolkit, que permiten un desarrollo de código más rápido y con menos boilerplate.
En este curso comenzaremos desde cero con Redux, aplicando sus novedades recientes propuestas por la librería Redux Toolkit, que permiten un desarrollo de código más rápido y con menos boilerplate.
Qué aprenderé en el Curso práctico de Redux y Redux Toolkit
- Qué es Redux
- Desarrollo moderno de funcionalidades Redux con Redux Tooltik
- Patrones de desarrollo implementados por Redux
- Cómo usar Redux en un proyecto Javascript nativo
- Cómo usar Redux en combinación con otras librerías Javascript
Objetivos del curso
Por qué debes aprender Redux
Qué tengo que saber
Javascript a nivel medio. Conocimientos de Javascript en las versiones modernas ECMAScript 2015 en adelante.
Clases y contenidos
- Qué es Redux
- Qué es Redux Toolkit
- Cómo Redux Toolkit permite implementar Redux de una manera sencilla
- Store
- Actions
- Reducers
Realizaremos una aplicación de ejemplo de un todo list, aplicando Redux y aprovechando las ventajas de Redux toolkit para el desarrollo. Usaremos Javascript nativo.
Seguimos desarrollando la aplicación todo list aplicaremos mejoras
- Componer fácilmente el store mediante diversos módulos separados
- Crear archivos slice separados y combinar reducers
- Aplicar filtros en la presentación de todos
Realizamos operaciones asíncronas en Redux usando Thunk middleware, aplicando primero el estilo clásico de Redux para trabajar con Ajax. Además explicaremos cómo usar createAsyncThunk para aprovechar de las utilidades que nos ofrece Redux Toolkit para la creación de Thunks.
- Acceso al store
- Suscripción a los cambios en el store
- Invocación de acciones desde componentes
- Mensajes de feedback
- Mensajes de carga
- Acciones para login
- Acciones para obtener el usuario actual
- Acciones para logout
Curso práctico de Redux en React. Cómo usar Redux en aplicaciones frontend modernas creadas con React.
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.