Curso de Redux
Formación práctica para dominar las posibilidades de Redux en aplicaciones Javascript
Material disponible
Intermedio
11 Clases 6 h
65€
49€
Precio en promoción
Manejar el estado de las aplicaciones es crítico y con frecuencia puede llegar a ser complejo, Redux es un patrón de arquitectura de datos que provee un predecible contenedor de estado para aplicaciones en Javascript.

A lo largo de este curso veremos:

- Arquitectura de datos 
- ¿Por qué redux? 
- Conceptos clave de redux. 
- Iniciando proyecto con redux. 
- Ideas clave de Redux 
- ¿Qué es un reducer?
- Implementando actions 
- Guardando nuestro estado 
- Implementando Redux y subscribe 
- Creando un simple TodoApp 
- Acciones asíncronas 
- Middleware 
- Acciones asíncronas 
- Conectando a un API 
- Creadores de acciones 
- redux-thunk 
- Implementando en TodoApp

Qué aprenderé en el Curso de Redux

  • Comprender los conceptos claves de Redux.
  • Implementar una arquitectura de datos escalable.
  • Aprender a definir el estado global de la aplicación.
  • Aprender a definir actions.
  • Aprender a definir reducers.
  • Crear middleware.
  • Conectarse a un API.

Objetivos del curso

  • Implementar el patrón Redux entendiendo sus tres principios clave: el store como única fuente de la verdad, el state es solo de modo lectura y los cambios solo lo harán funciones puras (reducers) por medio de actions.

  • Crear proyecto que use redux como arquitectura de datos usando acciones asíncronas para conectar a una API.

Qué tengo que saber

Para sacar el máximo provecho del curso el alumno debe tener bases de desarrollo en Javascript.

Clases y contenidos

Primeros pasos con Redux

Teoría para entender Redux Gratis

Primeros conceptos sobre Redux, de necesario conocimiento para afrontar nuestra clase práctica.

Inicialización de la interfaz gráfica Gratis

Comenzamos la práctica realizando la Inicialización de la interfaz gráfica. Es decir, dado un array de tareas, lo usaremos para renderizar las tareas a presentar en la página.

Inicializar Redux y el store de nuestra aplicación Gratis

Carga de la librería Redux. Comenzamos con la inclusión de un script que viene de un CDN, aunque más tarde en el curso mostraremos cómo usar esto con un flujo de trabajo más avanzado, en el que usaremos transpiladores y podremos usar programación Javascript por módulos y con dependencias npm.

Developer extensions de Redux Gratis

Mostramos las características de las developer extensions de Redux, una extensión del navegador que nos permite debugear de una manera espectacular nuestras aplicaciones Redux.

Generar y enviar un action Gratis

Cualquier manipulación del estado de la aplicación se tiene que generar a partir de un action. El action se dispara y se atenderá por un reducer. En este vídeo vemos cómo leer la nueva tarea y mandar el action para que sea atendido más tarde y procesado por el reducer.

Implementar un reducer Gratis

En este vídeo vemos cómo se implementa un reducer en Redux. En este caso hacemos la función del reducer, que de momento será capaz de entender la acción de generar un action. El reducer se encargará de procesar el action y generar un nuevo estado para la aplicación.

Suscripción cambios del store e interfaz Gratis

Redux como librería también nos permite usar métodos de suscripción a los cambios del store. En este caso, cuando cambia algo en el store realizamos el renderizado de nuevo de nuestra interfaz para mostrarlos en la aplicación.

Conclusiones y preguntas de la clase 1 Gratis

En este bloque veremos algunas conclusiones interesantes sobre esta clase, con un conjunto de preguntas y una descripción de lo que se verá a continuación en el curso.

Implementando actions y Redux con entorno WebPack

Implementando actions y Redux con entorno WebPack

Implementando actions y Redux con entorno WebPack

Llamadas API e integración en nuestra arquitectura de datos con Redux

Llamadas API e integración en nuestra arquitectura de datos con Redux

Llamadas API e integración en nuestra arquitectura de datos con Redux

Effects y buenas prácticas con Redux

Effects y buenas prácticas con Redux

Effects con Redux y buenas prácticas que hay que tener.

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 130 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