React - Manejo del estado de la aplicación

Curso: React - Manejo del estado de la aplicación

Aprende a manejar un estado global para toda tu aplicación para controlar el estado de los componentes

Los componentes tienen su propio estado que no es compartido con otros. El estado global resuelve este inconveniente permitiendo que todos los componentes estén suscritos a él y se actualicen cuando sea modificado.

Este curso forma parte de:

23
Poster del curso
Avatar

Beto Quiroga

Curso: React - Manejo del estado de la aplicación

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

Poster del curso
Avatar

Beto Quiroga

Curso: React - Manejo del estado de la aplicación

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

¿Qué aprenderás?

  • Conceptos del estado global
  • Integración de Redux a tu app
  • Uso de Context API
  • Diferencias y ventajas entre las varias soluciones

¿Qué conocimientos necesitas?

Nivel

intermedio

+5 horas

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Estado de la aplicación

Conceptos básicos para manejar un sólo estado para toda nuestra app.

  • 1.1 - Problema a solucionar14:54
  • 1.2 - Presentando flux07:44
  • 1.3 - Conceptos iniciales11:07
  • 1.4 - Conceptos adicionales10:10
  • 1.5 - Implementaciones05:23

Redux

Redux es la librería más usada para manejar el estado global de la aplicación.

  • 2.1 - Conceptos13:49
  • 2.2 - Agregando un provider09:18
  • 2.3 - Conectando componentes08:35
  • 2.4 - Actions y actions creators10:02
  • 2.5 - Función reductora13:16
  • 2.6 - Modificando el estado global05:56
  • 2.7 - Modificando la vista desde el estado09:04

Usando Redux en React

Aprende a integrar Redux en React para optimizar nuestros componentes.

  • 3.1 - Validando nueva acción11:25
  • 3.2 - Redux devtools06:53
  • 3.3 - Reescribiendo componentes de funciones07:11
  • 3.4 - Consumiendo data desde el estado07:16
  • 3.5 - Middlewares y peticiones asincronas15:53
  • 3.6 - Resumen de redux09:00

Context API - Conceptos iniciales

Aprende a controlar a fondo el cambio en el estado y donde se origina con Context API

  • 4.1 - Conceptos de Context API11:57
  • 4.2 - Creando contextos15:02
  • 4.3 - Escribiendo nuestro consumer09:31
  • 4.4 - Hook: UseContext11:34
  • 4.5 - Ejemplo Bonus: UseContext17:34

Context API, Reducers y acciones

Aprender a implementar acciones y reduces junto a Context API

  • 5.1 - Implementando Flux con Context API09:56
  • 5.2 - Reducer, State y actions15:39
  • 5.3 - Leyendo el estado usando Flux13:05
  • 5.4 - Despachando acciones para actualizar el estado16:30

MobX y Conclusiones

Decidamos cuál es la mejor opción según nuestros requerimientos.

  • 6.1 - Instalación y configuración de MobX12:07
  • 6.2 - Creando y leyendo nuestro store14:26
  • 6.3 - Escribiendo e invocando acciones con MobX12:48
  • 6.4 - Ventajas, desventajas y conclusiones17:31

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.