Curso de manejo de estado con Clases y Hooks en React

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.