Тайны React.js! Как писать самый быстрый и мощный код?
Создание эффекта падающих снежинок поверх контента с использованием 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; Этот интерфейс описывает параметры одной снежинки...
12 хуков React, которые должен знать каждый разработчик
Источник: Nuances of Programming Хуки React — это многократно используемые части кода. Хуки позволяют инкапсулировать побочные эффекты, компоновать и повторно использовать логику. Для большинства сценариев использования существуют хуки React. Зачем изобретать колесо, если есть такое огромное количество хуков с открытым исходным кодом, доступные уже сегодня? 1. react-swipeable react-swipeable — это хук обработчика событий React Swipe. В некоторых случаях react-swipeable необходим для создания React-приложений, ориентированных в первую очередь на мобильные устройства...