第三方库归档

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

Query

• TanStack/query: 异步状态管理/服务器状态工具/网络数据获取
• SWR: 用于数据请求的 React Hook 库
• ofetch: fetch api
• axios-retry: axios 重传插件
• got: http request library for node

Text

• element-tiptap: 使用了 Elementplus 风格 和 tiptap 的富文本编辑器
• plate: React 富文本组件
• quill: 通用的富文本编辑器
• overtype: 通用的 md 编辑器
• md-editor-v3: vue3 版本的 md 编辑器

Layout

• vue-grid-layout: 可拖拽的 grid 布局组件
• egjs-infinitegrid: 用于在网格布局上无限排列卡片元素（包括内容）的模块
• gridstack.js: 同上
• vue3-dnd: Vue3 DnD 组件
• react-window: React 虚拟列表组件
• react-dnd: React DnD 组件
• DragSelect: 通用的 DnD 组件
• cmdk: cmd + k 组件
• react-hotkeys-hook: React 中用于热键管理的第三方 Hook

Style

• vitepress-starter-tailwind: vitepress 启动模板 with tailwind
• clsx: 按条件生成 className
• tailwindcss-motion: tailwindcss 的动效插件
• shiki: 代码高亮显示模块
• tailwind-merge: 解决 Tailwind Css 类名合并时候的冲突
• tailwind-motion: tailwind 的动画类库
• LxgwWenKai: 优美的汉字字体：霞鹜文楷
• tailwindcss-motion: 基于 tailwindcss 的预设类动画库
• css-doodle: 通过 css 生成随机图像
• stylelint css linter

Storage

• lowdb: 使用 json 的本地数据库
• dexie: 快捷使用 IndexedDB
• FileSaver.js: 客户端保存文件的方案
• vfile: 虚拟文件系统
• rxdb: 本地优先的响应式数据库

Status

• jotai: React 状态管理
• zustand: React 状态管理
• pinia: Vue 状态管理

Archi

• modukle-federation/vite: 模块联邦 vite
• vite-plugin-federation: 模块联邦 vite【2】

Monitor

• web-see: web 监控平台
• web-tracing: web 监控平台【2】

Other

• mitt: 简洁的 event emitter/pubsub 模块
• workerpool: web worker 功能的包装类库
• fuse.js: 中小型的、client-side 的模糊搜索 (fuzzy search) 工具
• dnum: 大精度计算
• Path-to-RegExp: 将路径字符串转换为正则表达式
• nanoid: ID 生成器
• timeago: 显示 xx 分钟以前 的库
• gray-matter: YAML 前端数据解析 (md 文件元数据读取)
• globby: 使用友好的 glob (全局模式使用通配符指定文件名集) 库
• blueimp-md5: 生成 md5 哈希
• rrweb: 录制和回放 web 内容
• exifr: 读取照片的元数据
• Leaflet: 地图接口
• fnm: node 版本管理工具 in rust
• pinyin-pro: 中文转拼音