ant-design/docs/react/recommendation.zh-CN.md
2019-11-23 20:01:40 +08:00

4.9 KiB

order title
7 社区精选组件

antd 是 Ant Design 设计规范的 React 实现,所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件,也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现,与 antd 形成互补:

类型 推荐组件
可视化图表 🔥 AntV 数据可视化解决方案 BizCharts recharts viser
路由 react-router
布局 @rebass/grid react-blocks react-flexbox-grid
拖拽 react-beautiful-dnd react-dnd react-sortable-hoc
代码编辑器 react-codemirror2 react-monaco-editor
富文本编辑器 react-quill braft-editor
JSON 显示器 react-json-view
拾色器 rc-color-picker react-color
响应式 react-responsive react-media
复制到剪贴板 react-copy-to-clipboard
页面 meta 属性 react-helmet react-helmet-async
图标 react-fa react-icons
二维码 qrcode.react
可视化图编辑器 GGEditor
顶部进度条 nprogress
应用国际化 react-intl
代码高亮 react-syntax-highlighter
Markdown 渲染 react-markdown
无限滚动 react-virtualized antd-table-infinity
地图 react-google-maps google-map-react react-amap 高德
视频播放 react-player video-react video.js
右键菜单 react-contextmenu react-contexify
Emoji emoji-mart
分割面板 react-split-pane
图片裁切 react-image-crop
趋势线 react-sparklines
关键字高亮 react-highlight-words
动画 react-move Ant Motion react-spring

推荐产品

还有一些常用的前端/设计/产品相关的工具推荐给大家使用。

类型 推荐产品
文档管理 🐦 语雀
图标 阿里巴巴矢量图标库
Sketch 插件 Kitchen
在线代码编辑 codesandbox codepen
图片压缩 tinypng
图表分类查询 图之典