Learn how to implement impressive drag-and-drop functionality in React applications using react-beautiful-dnd. Begin with an introduction and setup, then explore key components like DragDropContext, Droppable, and Draggable. Master handling drag and drop events, and advance to working with multiple droppable areas. Access the accompanying GitHub repository for hands-on practice and code examples throughout this comprehensive 59-minute tutorial.
Overview
Syllabus
0:00 - - Intro
4:38 - - Setup
12:23 - - DragDropContext, Droppable & Draggable
27:56 - - Handling Drag/Drop Events
40:15 - - Multiple Droppables
Taught by
Laith Academy
