The drag and drop functionality is inherently complex due to the wide variety of interactions it encompasses. These interactions range from simple element movement to more intricate tasks like transferring text between areas, moving files between applications, and integrating data with visual elements. The challenge lies not just in the fundamental mechanics of dragging and dropping, but in accommodating diverse scenarios and high visual complexity. Additionally, existing browser primitives for drag and drop are cumbersome, thus highlighting the need for libraries that effectively address these varied use cases and scenarios.
Scott and Wes talk with Alex Reardon from Atlassian about developing drag-and-drop libraries, specifically the challenges with creating efficient and accessible drag-and-drop functionalities for the web. They also explore what it takes to build and implement a system that works seamlessly across various frameworks.
Show Notes
- 00:00 Welcome to Syntax!
- 01:18 Brought to you by Sentry.io.
- 01:51 What Alex does at Atlassian
- 04:38 What makes drag and drop tricky.
- 06:38 Use-cases.
- 10:54 What security is in place?
- 12:30 How to make it feel native.
- 19:20 Is the drag and drop spec ongoing?
- 20:03 How do you build this headless?
- 21:33 How does drag and drop work with frameworks?
- 23:48 Making drag and drop feel the same across mobile and desktop.
- 26:09 What’s the key to really good drag performance?
- 29:58 How do you make drag and drop accessible?
- 34:57 Pragmatic drag and drop code vs application code.
- 40:00 How does testing work?
- 43:15 Internal adoption at Atlassian.
- 44:27 Working on high-impact projects.
- 49:15 Versioning and internal adoption at Atlassian.
- 51:29 Sick Picks + Shameless Plugs.
Sick Picks
Shameless Plugs
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads