Заметки про React(@ru_react_notes). Доступный drag and drop React Spectrum зарелизили поддержку drag and drop в React Aria and React S

Доступный drag and drop React Spectrum зарелизили поддержку drag and drop в React Aria and React Spectrum. Релиз содержит набор хуков для реализации drag and drop с поддержкой мобильных устройств, клавиатуры и screen reader. Особенности: - Гибкость – хуки включают в себя верхнеуровневое API для основных манипуляцих с элементами: перемещение, изменение порядка, копирование. - Доступность – поддержка клавиатуры, screen reader, мобильных устройств. - Совместимость – поддерживает разные форматы данных, используя нативный HTML drag and drop. - Кастомизация – возможность изменения UI и поведения хуков.

function Draggable() {
  let { dragProps, isDragging } = useDrag({
    getItems() {
      return [{
        'text/plain': 'hello world'
      }];
    }
  });

  return (
    <div
      {...dragProps}
      role="button"
      tabIndex={0}
      className={`draggable ${isDragging ? 'dragging' : ''}`}
    >
      Drag me
    </div>
  );
}

react-spectrum.adobe.com/blog/dr…rop.html