Conocimientos y habilidades que adquieres realizando 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

Temario

Introducción 54m

  • Presentación (vista previa)

    6m
  • Tipos de estado

    8m
  • Props vs. State

    4m
  • Práctica: Tipos de estado

    5m
  • Diferencias entre Clases y componentes funcionales

    14m
  • Composición o herencia

    14m
  • Introducción a Clases

    7m
  • Uso básico de setState

    11m
  • setState con una función

    7m
  • setState con función y validación

    11m
  • La asincronía de setState

    7m
  • Funcionamiento de SetState con una función

    9m
  • Hacer operaciones después de setState

    7m
  • Cheat Sheet de setState

    6m
  • Práctica: LocalStorage

    5m
  • Introducción a Hooks

    8m
  • Refactorizar una clase a componente funcional

    11m
  • Uso de set con una función

    6m
  • Refactorizar estados con función a Hooks

    11m
  • La asincronía de set

    4m
  • Effects

    9m
  • LocalStorage con useEffect (vista previa)

    4m
  • Dependencias de useEffect

    15m
  • Recordando el estado con useRef

    7m
  • Custom Hook

    13m
  • Crea un Custom Hook con LocalStorage

    3m
  • Testing Hook

    9m

Relacionado

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

React Hooks

React Hooks

taller

Con este taller aprenderás:

  • Aprenderás que son React Hooks
  • Aprenderás a como usar useState para controlar el estado de function components en React
  • Aprenderás como lanzar nuestros “side-effects” en function components

Duración: 59 minutos y 10 segundos

Organízate con React

Organízate con React

taller

Con este taller aprenderás:

  • Para que sirve ReactJS
  • JSX
  • El uso de useState

Duración: 33 minutos y 49 segundos

Curso de React para principiantes

Curso de React para principiantes

curso

Con este curso aprenderás:

  • Conocer los fundamentos teóricos de React.
  • Empezar un proyecto con React desde cero.
  • Renderizar y estilizar componentes sencillos basados en JSX.

Duración: 5 horas y 44 minutos

Preguntas Frecuentes

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í.

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.

Efectivamente, una vez superado cada curso podrás descargarte el diploma acreditativo de cada uno de ellos. Añade estos cursos a tu CV y mejora tu perfil para las empresas. También podrás obtener un diploma de nivel superior al superar todos los cursos de la carrera.

Descripción

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.

* 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.

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars