Sortable Component

Let’s start fresh once again. In this lesson, we’ll set up a new starter solution in which we’ll build our most complex interaction yet: a sortable component. This component will introduce drag and drop events and challenge us to handle component state in a completely new way. Using patterns found in this lesson, we’ll learn how we can build just about any drag and drop interaction using universally available event listeners, methods, and techniques.

Learn More

  1. Download Starter Solution
  2. Font Awesome
  3. Drag and Drop API (MDN)
  4. Lesson Source Code

Terminal Commands Used in This Lesson

  1. npm install
  2. code .
  3. npm run start
Lesson 22 of 34