What a Drag
Explore the intricacies of building drag-and-drop functionality from scratch in this 24-minute conference talk from React Advanced 2019. Dive into browser-native tools for creating performant, accessible, and mobile-friendly drag-and-drop experiences without relying on hefty external libraries. Learn about mouse and touch event handling, element positioning, CSS transforms, React Portals, and accessibility considerations. Follow along with a live demonstration and discover how to implement custom drag-and-drop solutions. Examine API design, long list optimization, and thorough testing strategies including unit tests, keyboard support, and cross-browser compatibility. Gain insights into creating efficient, lightweight drag-and-drop features for React applications.