Компонент carousel и Составные компоненты ReactJS

Опубликовано: 02 Ноябрь 2024
на канале: Веб-разработка - DevMagazine

6,373

107

#React #ReactJS

В‌ ‌этом‌ ‌видео‌ создадим компонент carousel (или image slider) на ReactJS при помощи паттерна Составные компоненты (Compound Components).

Еще плейлисты по ReactJS:
💡 Как создать слайдер на ReactJS:    • 🎪 Как создать СЛАЙДЕР на ReactJS
💡 Как пройти собеседование по ReactJS:    • 🚀 Собеседование React Frontend

Мы в соцсетях:
👉 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter:   / _devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать канал: https://www.donationalerts.com/r/devm...

📃 Исходный код: https://t.me/devmagazinechannel/164

00:00 - Начало
00:43 - Различия реализаций
02:03 - Начало разработки
02:39 - Компонент Carousel.Page
04:08 - Использование компонента Carousel
05:12 - Добавляем контекст для передачи ширины окна
06:36 - Чтение ширины из контекста react js в Page
08:38 - Комментарии к реализации

#devmagazine #devmagazinechannel