Earn a Michigan Engineering AI Certificate — Stay Ahead of the AI Revolution
Free courses from frontend to fullstack and AI
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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.
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