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 Join the Cooper Codes Community:   / discord   (Weekly calls, free resources, tutoring, and more!) 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/ReactD... 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 :)