ReactJS. Ejercicio para repasar contextos y hooks #reactjs #reactjstutorial

El ejercicio perfecto para repasar los principales hooks de React y aprender a gestionar el estado global mediante la APIContext.

Para ello implementaremos un sistema de alertas que manejaremos desde un contexto. Este contexto expondrá una función a la que podremos acceder desde cualquier componente para añadir una nueva alerta global a la aplicación. Además estas alertas desaparecerán pasados unos segundos.

[00:00] Introducción
[01:15] Componentes iniciales
[03:34] Creación de un contexto
[07:00] Encapsular la lógica del contexto
[10:15] Custom hook para consumir el contexto
[12:12] Añadir y mostrar alertas
[15:00] El hook useCallback
[18:10] Eliminar alertas

Este ejercicio es uno de los más completos si quieres repasar hooks y contextos ya que para implementar la funcionalidad usaremos useState, useCallback y useContext.

Además, en el vídeo cuento algunas buenas prácticas para trabajar con la API Context de React y cómo organizar los archivos.

💛 ¡Espero que os guste el vídeo!