React - Manejo del estado de la aplicación

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

intermedio
5 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

React - Manejo del estado de la aplicación

Toma este curso
React - Manejo del estado de la aplicación

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

intermedio
+5 horas
Sube a premium

Y accede a todos los cursos con un solo pago

#EDteamFunciona, compruébalo

#EDteamFunciona, compruébalo

Comienza este curso gratis
Comienza este curso gratis
React - Manejo del estado de la aplicación

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.

Nivel: intermedio
Fecha de lanzamiento: 27 de Junio
Duración: +5 horas
(Ver temario)
Calificación: 4.8
(Ver 98 opiniones)

Comparte:

Acerca de este curso

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.

¿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 previos necesitas?

¿A quién está dirigido este curso?

  • A quienes necesitan manipular gran cantidad de datos centralizados de tal manera que sea utilizado y accedido desde cualquier componente de su aplicación.
Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Temario del curso

Estado de la aplicación

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

  • 1.1 - Problema a solucionar

  • 1.2 - Presentando flux

  • 1.3 - Conceptos iniciales

  • 1.4 - Conceptos adicionales

  • 1.5 - Implementaciones

Redux

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

  • 2.1 - Conceptos

  • 2.2 - Agregando un provider

  • 2.3 - Conectando componentes

  • 2.4 - Actions y actions creators

  • 2.5 - Función reductora

  • 2.6 - Modificando el estado global

  • 2.7 - Modificando la vista desde el estado

Usando Redux en React

Aprende a integrar Redux en React para optimizar nuestros componentes.

  • 3.1 - Validando nueva acción

  • 3.2 - Redux devtools

  • 3.3 - Reescribiendo componentes de funciones

  • 3.4 - Consumiendo data desde el estado

  • 3.5 - Middlewares y peticiones asincronas

  • 3.6 - Resumen de redux

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 API

  • 4.2 - Creando contextos

  • 4.3 - Escribiendo nuestro consumer

  • 4.4 - Hook: UseContext

  • 4.5 - Ejemplo Bonus: UseContext

Context API, Reducers y acciones

Aprender a implementar acciones y reduces junto a Context API.

  • 5.1 - Implementando Flux con Context API

  • 5.2 - Reducer, State y actions

  • 5.3 - Leyendo el estado usando Flux

  • 5.4 - Despachando acciones para actualizar el estado

MobX y Conclusiones

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

  • 6.1 - Instalación y configuración de MobX

  • 6.2 - Creando y leyendo nuestro store

  • 6.3 - Escribiendo e invocando acciones con MobX

  • 6.4 - Ventajas, desventajas y conclusiones

Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Sigue aprendiendo con

Plataforma de educación online con React.js

Plataforma de educación online con React.js

Avatar

Beto Quiroga

5

4.8

Empieza a aprender React - Manejo del estado de la aplicación

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Obtén cuatro meses gratis
al adquirir un plan anual

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$24USD

$30 20 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

98 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Sigue aprendiendo con

Plataforma de educación online con React.js

Plataforma de educación online con React.js

Avatar

Beto Quiroga

5

4.8