大家好，我是CUGGZ。今天给大家推荐8个简单易用的前端拖拽排序库！1.ReactBeautifulDndreact-beautiful-dnd是一个漂亮易用的React列表拖拽库。其动画效果自然，性能卓越，简洁强大的API易于使用，与标准浏览器的交互非常好。Github（??27.5k）：https://github.com/atlassian/react-beautiful-dnd。2.SortableSortable是一个JavaScript拖放库，用于在现代浏览器和触摸设备上重新排序拖放列表。支持Meteor、AngularJS、React、Polymer、Vue、Ember、Knockout和任何CSS库。Github（??25.3k）：https://github.com/SortableJS/Sortable。3.DragulaDragula是一个在网页上实现拖放功能的JavaScript库。提供JavaScript、AngularJS和React版本。Github（??21.3k）：https://github.com/bevacqua/dragula。4.ReactDnDReactDnD是由React和Redux核心作者DanAbramov创建的一套React高级组件，可以帮助我们构建复杂的拖放界面，同时保持组件解耦。它可以通过拖拽在应用程序的不同部分之间传输数据，组件响应拖放事件改变它的外观和应用程序状态。Github（??18k）：https://github.com/react-dnd/react-dnd。5、Vue.DraggableVue.Draggable是一个基于Sortable.js的Vue拖拽组件。它允许拖放和视图模型数组同步，基于并提供Sortable.js的所有功能。这个库是针对Vue2的，如果你想在Vue3中使用这个库，你可以访问：https://github.com/SortableJS/vue.draggable.next。Github（??17.7k）：https://github.com/SortableJS/Vue.Draggable。6.interact.jsinteract.js是一个适用于现代浏览器的JavaScript拖放库，支持调整大小和多点触控手势，具有惯性和捕捉功能。为了提供尽可能多的控制，它尝试提供一个简单、灵活的API，该API提供移动元素所需的所有拖放API。Github（??11k）：https://github.com/taye/interact.js。7.ReactDraggableReact-Draggable库简单易用。它将CSS中的变换应用到React组件，允许我们在UI中拖动组件。它有不同的属性，可以让你改变组件的行为，是创建直观、用户友好界面的绝佳选择。Github(??7.7k)：https://github.com/react-grid-layout/react-draggable。8.ReactSortableTreeReactSortableTree是一个React组件，用于分层数据的拖放式可排序表示。支持单选和多选，鼠标拖拽子集到新集合，模糊搜索等。Github（??4.5k）：https://github.com/frontend-collective/react-sortable-tree。
