Frontend

Curso de manejo de estado con Clases y Hooks en React

Con este curso aprenderás a gestionar correctamente el estado en React, conociendo los tipos de estado y haciendo uso de las Clases y los Hooks, y conocerás la diferencia entre gestionar el estado dentro de Clases y de Funciones.

Impartido por:

4.5 (53 valoraciones)
3 horas y 54 minutos · curso
Curso de manejo de estado con Clases y Hooks en React

Lo que aprenderás en este curso:

  • Gestionar correctamente el estado con hooks
  • Gestionar el estado con componentes basados en clases
  • Aprender la diferencia entre gestión de estado con clases y con hooks
  • Conocer el enfoque alternativo de composición en lugar de herencia
  • Crear custom hooks
  • Guardar el estado entre renders
  • Testinghooks

Requisitos del curso

Es necesario tener conocimientos básicos de creación de componentes y JSX y haber realizado ya pequeñas aplicaciones en React. En este curso no profundizaremos en la estructuración y comunicación de una web con componentes. Nos dedicaremos a los conceptos avanzados que giran entorno a la gestión del estado en React.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.5
53 valoraciones

Contenido del curso:

    • 6 m
    • Tipos de estado
      8 m
    • Props vs. State
      4 m
    • Práctica: Tipos de estado
      5 m
    • Diferencias entre Clases y componentes funcionales
      14 m
    • Composición o herencia
      14 m
    • Introducción a Clases
      7 m
    • Uso básico de setState
      11 m
    • setState con una función
      7 m
    • setState con función y validación
      11 m
    • La asincronía de setState
      7 m
    • Funcionamiento de SetState con una función
      9 m
    • Hacer operaciones después de setState
      7 m
    • Cheat Sheet de setState
      6 m
    • Práctica: LocalStorage
      5 m
    • Introducción a Hooks
      8 m
    • Refactorizar una clase a componente funcional
      11 m
    • Uso de set con una función
      6 m
    • Refactorizar estados con función a Hooks
      11 m
    • La asincronía de set
      4 m
    • Effects
      9 m
    • 4 m
    • Dependencias de useEffect
      15 m
    • Recordando el estado con useRef
      7 m
    • Custom Hook
      13 m
    • Crea un Custom Hook con LocalStorage
      3 m
    • Testing Hook
      9 m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

React Hooks

React Hooks

59 minutos y 10 segundos · taller

Con este curso aprenderás a gestionar correctamente el estado en React, conociendo los tipos de estado y haciendo uso de las Clases y los Hooks, …

  • Frontend
Organízate con React

Organízate con React

33 minutos y 49 segundos · taller

Con este curso aprenderás a gestionar correctamente el estado en React, conociendo los tipos de estado y haciendo uso de las Clases y los Hooks, …

  • Frontend

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Cuándo comienza el curso?

En OpenWebinars los cursos no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

3

¿Puedo obtener un diploma que acredite mis conocimientos?

Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.

También podrás obtener un diploma de nivel superior al superar todas las formaciones de la carrera.

Este curso de manejo de estados con Clases y Hooks en React va dirigido a personas que tengan un buen manejo con React, entiendan sus fundamentos y ya hayan realizado una gestión básica o intermedia del estado en sus aplicaciones.

Para realizarlo de forma correcta es necesario tener conocimientos básicos sobre creación de componentes y JSX, además de haber realizado previamente pequeñas aplicaciones en React, ya que en el mismo no se va a profundizar en la estructuración y comunicación de una web con componentes, al estar dedicado a conceptos avanzados que giran en torno a la gestión del estado en React.

Si no es tu caso y necesitas adquirir los fundamentos en React para así afrontar esta formación con garantías, puedes preparar previamente el curso de introducción a React que tenemos en nuestra plataforma, que te permitirá obtener todos los fundamentos necesarios de una forma organizada.

Verás que el curso está dividido en cuatro amplios bloques, cada uno de ellos dedicados a conceptos concretos que se desarrollarán a lo largo de lecciones individuales más cortas, lo que te permitirá adquirir los conocimientos explicados de forma más clara y concisa, a la vez que puedes avanzar según tus necesidades y tiempo disponible.

El primer bloque se ha organizado como una completa introducción al temario, de forma que sirva para refrescar conceptos que más adelante se utilizarán. Se explicarán los tipos de estado que existen en una aplicación y cuál es el tipo que React está más enfocado a gestionar. Después aprenderás a diferenciar el uso de props y state, tema sobre el que, tras la teoría, se verá una interesante práctica para que se vea de forma más clara lo explicado previamente.

Y para finalizar este primer bloque, conocerás las diferencias entre clases y componentes funcionales, para saber cuándo utilizar uno u otro, y se explicarán otros dos conceptos importantes, como son la composición y la herencia, muy relacionados con lo anteriormente visto, de nuevo para que sepas elegir entre el uso de uno u otro.

En segundo segmento del curso está enfocado en el aprendizaje de la gestión del estado con Clases, y a lo largo del mismo aprenderás a realizar esta gestión en diferentes lecciones. Primero encontrarás una introducción a las Clases, en la que te hablaremos de la gestión del estado a través de setState, explicando qué es, su uso básico y su uso con una función, su asincronía y, para acabar, cómo realizar operaciones tras su ejecución.

Se completa esta segunda sección con un cheat sheet o resumen en el que se recopilan todas las formas de llamar a setState para tenerlas localizadas en una única tabla, que resulta muy útil para aprender e interiorizar todo este tema. Y finaliza la misma con la propuesta de un ejercicio en el que puedas poner en práctica todo lo aprendido.

Pasamos al tercer bloque de la formación, que está centrado en el manejo del estado con Hooks, aprendiendo a realizar el mismo partiendo de un componente previo realizado con Clases, lo visto en la sección anterior, que vamos a ir refactorizando a Hooks.

A lo largo de las lecciones que verás en este apartado, aprenderás principalmente qué son los Hooks y qué problema solucionan con su aparición en la versión 16.8 de React, el uso básico de useState con los mismos, el uso del setter de useState con una función, los posibles cambios en la asincronía del mismo y qué son los Effects. Para acabar, se realizarán unos ejercicios prácticos con los que asentar mejor los conceptos explicados previamente.

En el cuarto y último apartado del curso, entraremos a explicar el tema de los custom Hooks, para que aprendas a crear tus propios Hooks personalizados, también de una forma muy práctica como durante el resto del curso. Para concluir el temario, el profesor explicará cómo realizar el testing de los custom Hooks.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.