Скачать или смотреть Drag and Drop в React — недостающий пример

Дорожная карта веб-разработки для начинающих (бесплатно!): https://bit.ly/DaveGrayWebDevRoadmap

Изучите перетаскивание элементов в React на примере, которого нет в большинстве руководств по перетаскиванию элементов. Мы создадим собственный музыкальный плейлист с помощью dndkit, который позволит пользователям перетаскивать песни, изменяя порядок в списке.

💖 Поддержите меня на Patreon ➜   / davegray  

⭐ Станьте полнофункциональным веб-разработчиком с помощью курсов Zero To Mastery:
Complete Next.js Developer: https://bit.ly/CompNextJSDev
Advanced React: https://bit.ly/AdvReactDev
План развития от Junior до Senior Dev: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Подпишитесь ➜ https://bit.ly/3nGHmNn

📬 Обновления курса ➜ https://courses.davegray.codes/

❓ Вопросы — пишите в мой Discord ➜   / discord  

☕ Купите мне кофе ➜ https://www.buymeacoffee.com/davegray

🔗 Пример исходного кода: https://github.com/gitdagray/react-dr...

👇 Подписывайтесь на меня в социальных сетях:
GitHub: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  

Drag-n-Drop в React — недостающий пример

(00:00) Введение
(00:18) Изучение примера приложения
(02:02) Установка зависимостей
(03:05) dndkit
(03:30) Предоставление данных для приложения
(04:53) Недостающий пример
(06:47) Импорт компонентов списка
(08:03) Исправление несоответствия Hydration в Next.js
(09:38) 4 ключевые функции Drag-n-Drop
(14:20) Компонент списка Возврат
(15:31) Компонент «Сортируемая строка»
(18:00) Заключение

📚 Ссылки на руководство:
🔗 dndkit: https://docs.dndkit.com/

Был ли этот урок по перетаскиванию в React полезен? Если да, поделитесь своим мнением в комментариях.

#react #drag #drop