What A Drag
summary
Builds a custom sortable-list implementation instead of a heavyweight library and ships a standalone library (react-movable) that is 10× smaller than the biggest alternatives. Uses raw mouse and touch events rather than the broken HTML5 DnD API, applies transform translate for GPU‑accelerated movement, measures with getBoundingClientRect, and makes keyboard and screenreader interactions via ARIA and aria-live. Tests with puppeteer end-to-end tests and image-snapshot visual regression, and patches browser quirks (passive listeners, IE table transforms) to make it work.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:00History
- 2:20The Ecosystem
- 5:00React DMD
- 8:44Demo
- 13:00Making it more flexible
- 15:15Testing
- 17:00Issues
- 18:30JavaScript
- 20:05Conclusion
