한글/Korean
На русском/Russian
Português/Portuguese
Ελληνικά/Greek
日本語/JapaneseЧто это?
Библиотека React для создания красивых и доступных взаимодействий перетаскивания для списков: поддерживаются вертикальные и горизонтальные списки, перемещение между списками и вложенные списки.
Библиотека React для создания красивых и доступных взаимодействий перетаскивания для списков: поддерживаются вертикальные и горизонтальные списки, перемещение между списками и вложенные списки.Это универсальный набор для перетаскивания или что-то более узкое?Это абстракция более высокого уровня, созданная специально для списков, а не универсальная библиотека базовых примитивов перетаскивания вроде react-dnd.
Это абстракция более высокого уровня, созданная специально для списков, а не универсальная библиотека базовых примитивов перетаскивания вроде react-dnd.Как добавить это в проект?Установите как зависимость npm/yarn и оберните части приложения, которым нужно перетаскивание, компонентами DragDropContext, Droppable и Draggable; также есть бесплатный курс на egghead.io, с которого можно начать.
Установите как зависимость npm/yarn и оберните части приложения, которым нужно перетаскивание, компонентами DragDropContext, Droppable и Draggable; также есть бесплатный курс на egghead.io, с которого можно начать.От чего это зависит внутри?Построено на React и внутри опирается на вспомогательные пакеты, такие как css-box-model, memoize-one, redux и react-redux.
Построено на React и внутри опирается на вспомогательные пакеты, такие как css-box-model, memoize-one, redux и react-redux.Можно ли использовать это в новом проекте?Нет: проект заархивирован и помечен как устаревший на npm; команда рекомендует для дальнейшей работы перейти на Pragmatic drag and drop.
Нет: проект заархивирован и помечен как устаревший на npm; команда рекомендует для дальнейшей работы перейти на Pragmatic drag and drop.Для кого это создавалось?Для фронтенд-разработчиков, которые создают React-приложения со списками, где можно менять порядок элементов, включая тех, кому важна поддержка программ для чтения с экрана и управления с клавиатуры.
Для фронтенд-разработчиков, которые создают React-приложения со списками, где можно менять порядок элементов, включая тех, кому важна поддержка программ для чтения с экрана и управления с клавиатуры.Какие способы ввода для перетаскивания поддерживаются?Из коробки поддерживаются мышь, клавиатура и сенсорный экран, включая автопрокрутку при перетаскивании с клавиатуры.
Из коробки поддерживаются мышь, клавиатура и сенсорный экран, включая автопрокрутку при перетаскивании с клавиатуры.Справится ли это с действительно большими списками?Да, поддерживаются виртуальные списки, что позволяет работать с 10 000 элементов при 60 кадрах в секунду.
Да, поддерживаются виртуальные списки, что позволяет работать с 10 000 элементов при 60 кадрах в секунду.Можно ли перетаскивать сразу несколько элементов?Да, перетаскивание нескольких элементов входит в набор возможностей наряду с объединением элементов и условным перетаскиванием и сбросом.
Да, перетаскивание нескольких элементов входит в набор возможностей наряду с объединением элементов и условным перетаскиванием и сбросом.Почему бы мне не взять react-dnd вместо этого?react-dnd предлагает более широкий набор низкоуровневых примитивов перетаскивания, а react-beautiful-dnd жертвует этой широтой ради более отточенного, естественного и доступного взаимодействия, специально заточенного под изменение порядка в списках.
react-dnd предлагает более широкий набор низкоуровневых примитивов перетаскивания, а react-beautiful-dnd жертвует этой широтой ради более отточенного, естественного и доступного взаимодействия, специально заточенного под изменение порядка в списках.What are similar projects?Sortable, dnd-kit, pragmatic-drag-and-drop, react-sortable-hoc, react-dnd, dropzone, Vue.Draggable, tui.calendar
Sortable, dnd-kit, pragmatic-drag-and-drop, react-sortable-hoc, react-dnd, dropzone, Vue.Draggable, tui.calendarWhich topics is it in?sortable, drag-and-drop, accessibility, ui-components, deprecated, ui, web-development, react, frontend, library, typescript, javascript
sortable, drag-and-drop, accessibility, ui-components, deprecated, ui, web-development, react, frontend, library, typescript, javascript