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. 💛 Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: http://bit.ly/garaje-tech-talento 👨🏼‍💻 Apóyame en Patreon: https://www.patreon.com/latteandcode ☕️ Invítame a un cafelito: https://www.buymeacoffee.com/latteandcode 👉 https://codesandbox.io/s/react-toasts-diltbo 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!