第三方库归档

积累、学习和提供解决方案

Vue Based

• vue-grid-layout: 可拖拽的 grid 布局组件
• vue3-dnd: Vue3 DnD 组件
• element-tiptap: 使用了 Elementplus 风格 和 tiptap 的富文本编辑器
• vitepress-starter-tailwind: vitepress 启动模板 with tailwind

React Based

• react-dnd: React DnD 组件
• react-window: React 虚拟列表组件
• cmdk: cmd + k 组件
• plate: React 富文本组件
• jotai React 状态管理
• zustand React 状态管理
• react-hotkeys-hook: React 中用于热键管理的第三方 Hook
• TanStack/query: 异步状态管理/服务器状态工具/网络数据获取
• SWR: 用于数据请求的 React Hook 库

Common

• egjs-infinitegrid: 用于在网格布局上无限排列卡片元素（包括内容）的模块
• gridstack.js: 同上
• mitt: 简洁的 event emitter/pubsub 模块
• shiki: 代码高亮显示模块
• DragSelect: 通用的 DnD 组件
• FileSaver.js: 客户端保存文件的方案
• axios-retry: axios 重传插件
• quill: 通用的富文本编辑器
• clsx: 按条件生成 className
• dexie: 快捷使用 IndexedDB
• fuse.js: 中小型的、client-side 的模糊搜索 (fuzzy search) 工具
• lowdb: 使用 json 的本地数据库
• dnum: 大精度计算
• ofetch: fetch api
• Path-to-RegExp: 将路径字符串转换为正则表达式
• nanoid: js 下的 ID 生成器
• vfile: 虚拟文件系统
• tailwind-merge: 解决 Tailwind Css 类名合并时候的冲突
• timeago: 显示 xx 分钟以前 的库
• workerpool: web worker 功能的包装类库
• ofetch: A better fetch API, Works on node, browser and workers
• tailwindcss-motion: tailwindcss 的动效插件
• gray-matter: YAML 前端数据解析 (md 文件元数据读取)
• globby: 使用友好的 glob (全局模式使用通配符指定文件名集) 库
• blueimp-md5: 生成 md5 哈希
• tailwind-motion: tailwind 的动画类库
• 霞鹜文楷: 优美的汉字字体
• tailwindcss-motion: 基于 tailwindcss 的预设类动画库
• css-doodle: 通过 css 生成随机图像