06:44
1,0×
00:00/06:44
511,4 тыс смотрели · 4 года назад
6 месяцев назад
Создание эффекта падающих снежинок поверх контента с использованием React и Canvas.
Привет друг ! В этой статье попробуем создать эффект падающих снежинок поверх веб-контента, используя React и HTML5 Canvas. Этот эффект добавит праздничное настроение твоему сайту или приложению 🎅. С моими любыми комментариями в коде 🤭. Чего мы хотим добиться? тут 🥸. И так - поехали !🛼 Создаём компоненту CircleCanvas.tsx и добавим в него следующий код: interface Circle { x: number; y: number; radius: number; speedY: number; speedX: number; offsetX: number; } export type Nullable<T> = T | null; Этот интерфейс описывает параметры одной снежинки...
Что такое useEffect, изучаем хуки в React
Народ, всем привет. Это продолжение темы изучения React, библиотеки, призванная помочь нам быстрее и эффективнее писать сайты и приложения за счет управления состоянием. Мы уже описывали такие хуки, как useState и useMemo, да и что такое React в целом, если вдруг вы не в курсе. Поэтому повторяться не буду, я сразу перейду к делу. Дело в том, что все современные приложения должны выполнять какие-то побочные эффекты, назовем это так, запросы к серверу, подписки, работа с таймерами, изменение DOM напрямую и прочее...