跳转到正文

这是一款专为 React 应用设计的现代拖放工具包,主要关注性能、无障碍性和可扩展性,适用于各种拖放场景。

这款工具包轻量且模块化,开发者可以只使用所需的组件。只需几行代码,就能将组件转换为可拖动元素和可放置区域,快速开发交互式界面。

此外,它还提供了一组钩子,可简化在应用中集成拖放功能的过程,通过更流畅的动画和更灵敏的响应提升用户交互体验。内置的可定制传感器支持鼠标、触控和键盘等多种输入方式,确保所有用户无论使用哪种输入设备都能无障碍地使用。

除了提供自定义选项外,该库还采用零依赖设计,轻量高效。它也为希望构建更多功能的开发者提供了多个扩展点,适用于列表、网格、嵌套上下文乃至游戏等多种场景。

功能

  • 轻量且高性能
  • 支持键盘操作,易于访问
  • 支持多种输入传感器
  • 灵活适用于各种场景
  • 模块化架构
  • 可通过自定义功能扩展
  • 零依赖
  • 可自定义动画和样式

相关项目

React DnD

该库让你可以在 React 应用中高效实现拖放功能,无需操心浏览器 API 的复杂细节。

Preact

React 的快速替代方案,兼具现代功能和精简体积,助力高效 Web 开发。

Tamagui

这款库为使用 React 和 React Native 构建 UI 提供了强大方案,兼顾效率与灵活性。

Astro

这款 Web 框架面向希望以最少开销和出色性能构建快速、以内容为中心的网站的开发者。

Corset

以响应式方式增强你的 HTML,让 JavaScript 绑定不再复杂繁琐。

Docusaurus

一个帮助轻松创建文档网站的项目,让你专注于内容和易用性。

Enhance

该解决方案通过采用以 HTML 为中心的开发方式来提升工作效率和应用性能,并简化构建与部署流程。

Inertia.js

该解决方案采用现代客户端技术,同时保留传统服务端渲染应用的简洁性,让现代 Web 应用开发更加简单。