搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏岚的工作随笔
React | 借助Pragmatic Drag and Drop实现高性能拖拽
核心库版本选择如下：React：18.3.1typescript： 4.9.5@atlaskit/pragmatic-drag-and-drop： 1.1.7更详细的依赖放在了文章末尾2.2 目标介绍可能由于版本和配置原因官方给出的API就是@atlaskit/pragmatic-drag-and-drop/element/adapter下的draggable。 useRef, useState } from "react";import invariant from "tiny-invariant";import { draggable } from '@atlaskit /analytics-next": "^9.3.0", "@atlaskit/css-reset": "^6.9.0", "@atlaskit/pragmatic-drag-and-drop ": "^1.1.7", "@atlaskit/pragmatic-drag-and-drop-docs": "^1.0.10", "@emotion/react": "^11.11.4",
1.5K40编辑于 2024-05-05
来自专栏ThoughtWorks
依赖什么啊？依赖注入……，什么注入啊？
在实现中，Avatar使用了另一个组件Tooltip来完成这个功能：import Tooltip from "@atlaskit/tooltip"; const Avatar = (props) => 也就是说，Avatar通过更加可组合的方式，将Tooltip从依赖中删除，最终的代码就变成了： import Avatar from "@atlaskit/avatar"; import Tooltip 如果需要，上面的代码还可以修改为： import Avatar from "@atlaskit/avatar"; import Tooltip from "@material-ui/core/Tooltip 也就是说，我们无法简单的将其重构为： import InlineDialog from "@atlaskit/inline-dialog"; const MyEdit = () => { return 比如在Avatar中使用@atlaskit/tooltip，那么最终的消费者就不能使用其他的Tooltip组件，而Inl<wbr>ineEdit使用了@atlaskit/inline-<wbr>dialog
2.6K20发布于 2021-07-29
来自专栏DevOps
【前端拖拽组件库】最强开源高性能组件库Pragmatic-drag-and-drop简介与分析
安装pragmatic-drag-and-drop库： # 安装包 yarn add @atlaskit/pragmatic-drag-and-drop 核心包包含适配器，监视器以及常用工具库等，下面分别一一介绍 /element/adapter'; import { dropTargetForTextSelection, monitorForTextSelection, } from '@atlaskit /pragmatic-drag-and-drop/text-selection/adapter'; 2.监视器用于监听@atlaskit/pragmatic-drag-and-drop拖动事件的方法，示例代码如下： import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter'; const 'an element started dragging'), }); 3.常用工具库一些常见的小辅助函数，一般包含在主拖放包中，示例代码如下： import { combine } from '@atlaskit
6.7K22编辑于 2024-05-11
来自专栏京程一灯
怎样开发可重用组件并发布到NPM [每日前端夜话0x24]
其他在 React 中构建的组件库的主要案例包括Atlassian 的 Atlaskit 【http://atlaskit.atlassian.com/packages】和 Shopify 的 Polaris
1.6K20发布于 2019-03-27
来自专栏超级架构师
「首席架构师推荐」React生态系统大集合
Bit - 用于跨应用程序管理和使用React和其他Web组件的虚拟存储库 AtlasKit - Atlassian的React UI库 ReactiveSearch - Elasticsearch的UI
16.6K30发布于 2019-09-19

React | 借助Pragmatic Drag and Drop实现高性能拖拽

依赖什么啊？依赖注入……，什么注入啊？

【前端拖拽组件库】最强开源高性能组件库Pragmatic-drag-and-drop简介与分析

怎样开发可重用组件并发布到NPM [每日前端夜话0x24]

「首席架构师推荐」React生态系统大集合

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐