Introduction to Drag and Drop

The task list already supports the core task workflow. In this module, you will make the list reorderable with drag and drop.

You will connect the browser’s drag events to the existing tasks array so the visual order and saved task order stay in sync.

By the end of the module, you will be able to drag a task to a new position and keep that order after the list is rendered again.