React Drag And Drop List With dnd Kit (React Drag and Drop Tutorial)
Enjoying my videos? Sign up for more content here: https://www.coopercodes.com/
? Join codeLetter by Cooper Codes, the 3 minute tech newsletter: https://thecodeletter.com
Interested in a 1:1 Mentorship with me? Jumpstart your career at https://www.rebrand.ly/coopercodesmentoring
In this video I go over how to create a sortable list with dnd kit where we can move the items around. dnd kit is a great library for creating scalable, fast, and elegant drag and drop experiences. We use the useSortable hook in order to create elements which can be dragged and dropped throughout the list. React drag and drop can be tricky so hopefully this video gives you a great first start!
Full code: https://github.com/coopercodes/ReactDndKitList
Business inquiry? Email [email protected]
0:00 Intro / Project Showcase
0:31 Setup React project
3:20 Setup dnd kit contexts and components
7:45 Create SortableItem.js
12:01 Bring SortableItems to App
13:33 Create handleDragEnd code
16:56 Final project / thank you :)
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Drag And Drop List With dnd Kit (React Drag and Drop Tutorial)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.