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.
Download Starter Solution: https://github.com/webinteraction/sortable/archive/415cbc10de034fffef0f40eb2feedd9d4576e443.zip
Font Awesome: https://fontawesome.com/
Drag and Drop API (MDN): https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
Lesson Source Code: https://github.com/webinteraction/sortable/tree/1893b81b42bf816c42dbfda5a9f8c2243d1d33b8
Watch the full playlist: https://youtube.com/playlist?list=PLKqZ_AwOS0OBDHu5zmjUdlznRKcRaNuJ9