Как реализовать drag and drop?

HTML5 Drag and Drop API: draggable="true" на элементе. Events: dragstart (сохраняем данные в dataTransfer), dragover (e.preventDefault() для разрешения drop), drop (получаем данные). Для кастомного DnD: mousedown → запоминаем offset, mousemove → перемещаем элемент (position: fixed, left/top), mouseup → определяем drop zone. Touch events для мобильных: touchstart, touchmove, touchend. Библиотеки: @dnd-kit (React), react-beautiful-dnd (deprecated). Pointer Events — универсальный API для mouse + touch.