sfd
Создание эффекта падающих снежинок поверх контента с использованием 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 напрямую и прочее...