Back to Browse

Sortable Component — Web Interaction for Everyone

219 views
Oct 26, 2021
52:54

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

Download

1 formats

Video Formats

360pmp468.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Sortable Component — Web Interaction for Everyone | NatokHD