React JS

Полезные уроки, функциональные компоненты и примеры кода.

Простой React JS компонент, список дел, он же todo list. С возможностью удаления и чекбоксом для перечеркивания элементом в списке.

Давайте напишем простой компонент часы на React JS.
Этот компонент использует хуки useState и useEffect для отслеживания текущего времени и обновления его каждую секунду.

Напишем компонент таблица на React JS в связке с material ui. С поисковым полем и пагинацией.

Напишем компонент ленивой загрузки изображения (lazyload image). С использованием обсервера.

Простой тултип компонент на react js. Напишем функциональный tooltip, который будет всплывать по событию onMouseEnter при наведении на кнопку и исчезать по событию onMouseLeave.

Простой и функциональный компонент кнопка с эффектом ряби при клике.

Довольно простой компонент обратного отсчета для React js. Также можно управлять паузой и сбросом таймера.

Полный код для создания компонента модального окна для react js.

Простой компонент select для React js с примером использования.

Сниппет для создания компонента супер простой карусели на React js. Автоматическое прокручивание слайдов по таймеру, без возможности управления вперед \ назад. Но при желании этот компонент возможно легко расширить под ваши нужды.