正如名字中的 Pragmatic(“实用”)所言,该组件支持许多拖拽场景,十分注重性能,并且通过使用浏览器强大而灵活的内置拖拽功能变得安全而简单。
在 Pragmatic drag and drop 之前,该组件作者 Alex Reardon 还打造了另一款流行的 React 开源拖拽组件 react-beautiful-dnd。
与之相比,Pragmatic drag and drop 支持了更多的拖拽场景:
列表
面板
表格
树
Grids
Drawing
Resizing
下图展示了 Pragmatic Drag and Drop 在不同场景的运行效果:
Pragmatic drag and drop 还支持在任何前端框架(如 React、Svelte、Vue、Angular)中使用,不受特定技术栈的限制。
性能方面,对比以下同类型开源框架:
Pragmaticdrag and drop 的 TTI 指标可谓是“遥遥领先”。
Pragmaticdrag and drop 正式开源仅两周,目前已在 GitHub 拿到了 3.5k+ star。
详情查看
https://github.com/atlassian/pragmatic-drag-and-drop
References
https://www.youtube.com/watch?v=5SQkOyzZLHM
https://atlassian.design/components/pragmatic-drag-and-drop/about
联系客服