React Toast. El ejercicio perfecto para repasar API Context y los hooks de React #reactjs
Aprende a crear un sistema de alertas globales en tu aplicación de React utilizando API Context y Hooks. Descubre cómo emplear useEffect, useCallback, useContext y useState en este tutorial completo.
???Apóyame en Patreon: https://www.patreon.com/latteandcode
☕️Invítame a un café: https://www.buymeacoffee.com/latteandcode
⚛️ Codesandbox: https://codesandbox.io/s/react-toasts-melne
✍? Artículo: https://medium.com/@ger86/react-toast-una-implementacion-con-la-api-context-y-hooks-ea9383022484
El otro día publiqué en Medium un artículo donde contaba como podemos montar un sistema de alertas globales (los conocidos "toasts" de Google) en nuestra aplicación de React empleando la API Context y los hooks.
Este ejercicio me parecía muy interesante porque implica repasar la gran mayoría de los hooks disponibles en React y dado que muchos me pedistéis un vídeo explicándolo me he animado a grabarlo.
Por tanto, en este vídeo, emplearemos la API Context de React junto con los hooks para crear un contexto que permita añadir alertas a nuestra aplicación. Concretamente, los hooks que emplearemos serán:
- useEffect para eliminar los toasts pasados 3 segundos.
- useCallback para memorizar la función addToast .
- useContext para acceder al contexto ToastContext desde nuestros componentes.
- useState para almacenar los toasts en nuestro contexto.
¡Espero que este vídeo os resulte interesante!
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Toast. El ejercicio perfecto para repasar API Context y los hooks de React #reactjs», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.