Ant Design 官方推荐的实用前端工具

Ant Design 作为一款备受欢迎的 UI 组件库，不仅功能强大，还非常注重用户体验。在官网上还特别推荐了一系列其他实用的工具库，这些工具库能够与 Ant Design 形成互补，提供更为全面和高效的解决方案。通过结合这些工具，可以进一步提升开发效率，实现更出色的用户界面和交互体验，工具列表如下：

• 可视化图表：Ant Design Charts、AntV、reactflow
• React Hooks 库：ahooks
• 表单：ProForm、Formily、react-hook-form、formik
• 路由：react-router
• 布局：react-grid-layout、react-grid-system、rc-dock
• 拖拽：dnd-kit、react-beautiful-dnd、react-dnd
• 代码编辑器：@uiw/react-codemirror、react-monaco-editor
• 富文本编辑器：react-quill
• JSON 编辑器：vanilla-jsoneditor
• JSON 显示器：react-json-view
• 拾色器：react-colorful、react-color
• 响应式：react-responsive
• 复制到剪贴板：react-copy-to-clipboard
• 页面 meta 属性：react-helmet-async
• 图标：react-fontawesome、react-icons
• 二维码：qrcode.react
• 顶部进度条：react-nprogress
• 应用国际化：FormatJS、react-i18next
• 代码高亮：react-syntax-highlighter
• Markdown 渲染：react-markdown
• 无限滚动：rc-virtual-list、react-infinite-scroll-component
• 地图：google-map-react、@uiw/react-amap 高德地图
• 视频播放：react-player、video-react、video.js
• 右键菜单：react-contexify
• Emoji：emoji-mart
• 分割面板：react-split-pane、react-resizable-panels
• 图片裁切：antd-img-crop、react-image-crop
• 关键字高亮：react-highlight-words
• 文字轮播：react-text-loop-next、react-fast-marquee
• 动画：framer-motion、Ant Motion、react-spring
• 页脚：rc-footer
• 数字/金额：react-number-format、react-currency-input-fiel
• 移动端探测：react-device-detect
• 应用程序框架：umi、remix、refine
• Flow 流：pro-flow、react-flow、x6
• 电话输入：react-phone-number-input、antd-phone-input
• AI 对话界面：pro-chat