Curso práctico de Redux y Redux Toolkit

Gestión global de datos, sencilla y comprensible con Redux y Redux Toolkit
Inscripciones abiertas
Avanzado
9 Clases 14 h (aprox.)

Inicio del curso

Jueves 12 de septiembre

h

Añadir a Google Calendar

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.

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

El Curso de Redux ofrece una formación actualizada para todos los desarrolladores que pretenden esta biblioteca para la gestión global del estado. Este curso aborda el desarrollo bajo la herramienta oficial Redux Toolkit, que permite simplificar el proceso de desarrollo de manera notable.

Es un curso ideal para quien no conoce Redux, así como para desarrolladores que ya tienen alguna experiencia con la biblioteca y quieren actualizar sus conocimientos para incorporar las novedades propuestas por Redux Toolkit, de modo que puedan simplificar sus proyectos.

Por qué debes aprender Redux

Toda aplicación necesita gestionar un estado. Por ejemplo, si un usuario está correctamente autenticado, si pertenece a un grupo de administradores, las notificaciones que ese usuario ha recibido, etc. A la hora de gestionar el estado puedes usar muchas técnicas, más o menos complejas. Con Redux implementarás un patrón de funcionamiento para la propagación del estado llamado "Flux", que es unidireccional y tiene como objetivo simplificar el acceso al estado y reducir la complejidad del tránsito de la información entre los componentes.

También necesitas proveer mecanismos para que las distintas piezas de software de una aplicación, generalmente sus componentes, puedan manipular el estado al ejecutar sus funcionalidades, así como suscribirse a los cambios de estado que puedan producirse a lo largo del uso de la aplicación.

Redux es la biblioteca de gestión del estado más extendida. La puedes usar para cualquier tipo de proyecto Javascript, ofreciendo una base de patrones que facilitarán el desarrollo de los proyectos y la escalabilidad, en aplicaciones pequeñas o grandes. En este curso podrás aprender además las últimas novedades de Redux introducidas por la librería Redux Toolkit, que permiten un desarrollo mucho más ágil, facilitando la vida a los programadores y maximizando su productividad.

Implementar Redux puede parecer al principio complejo, pero una vez definidos los mecanismos de manipulación del estado, es muy sencillo reutilizarlos a lo largo de cualquier componente de aplicación y acceder a valores siempre frescos de los datos manejados en el contenedor de estado.

En el pasado se criticaba a Redux por su complejidad pero en este curso veremos las novedades de Redux, que reducen significativamente la cantidad de código "boilerplate" necesario para comenzar a trabajar, para implementar acciones, o sus reducers. Gracias a Redux Toolkit se ha simplificado bastante el uso de la librería y la cantidad de errores potenciales que pueden introducirse en el código de Redux.

Usar Redux no implica que todo el estado de la aplicación deba implementarse mediante ese mismo mecanismo, sino que es posible usar esta librería para gestionar las partes del estado donde realmente se requiere el acceso global, centrando nuestro esfuerzo en aplicar Redux donde realmente exista una ventajas significativa en su uso.

A lo largo del curso veremos ejemplos prácticos de uso de Redux y Redux Tookit y cómo usar Redux para tareas más complejas y habituales de las aplicaciones, como la gestión del estado de autenticación del usuario.

Qué tengo que saber

Javascript a nivel medio. Conocimientos de Javascript en las versiones modernas ECMAScript 2015 en adelante.

Clases y contenidos

Redux y Redux Toolkit Gratis
  • Qué es Redux
  • Qué es Redux Toolkit
  • Cómo Redux Toolkit permite implementar Redux de una manera sencilla
Añadir a Google Calendar
Componentes principales de Redux
  • Store
  • Actions
  • Reducers
Añadir a Google Calendar
Aplicar Redux en una aplicación to-do list con Redux Toolkit

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.

Añadir a Google Calendar
Usando Redux y Redux Toolkit (2)

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
Añadir a Google Calendar
Operaciones asíncronas en Redux

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.

Añadir a Google Calendar
Redux en aplicaciones basadas en componentes
  • Acceso al store
  • Suscripción a los cambios en el store
  • Invocación de acciones desde componentes
Añadir a Google Calendar
Gestión de acciones de aplicación
  • Mensajes de feedback
  • Mensajes de carga
Añadir a Google Calendar
Gestión de autenticación
  • Acciones para login
  • Acciones para obtener el usuario actual
  • Acciones para logout
Añadir a Google Calendar
Redux en React

Curso práctico de Redux en React. Cómo usar Redux en aplicaciones frontend modernas creadas con React.

Añadir a Google Calendar
¿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.

Suscríbete