- 社区精选组件
社区精选组件
antd 是 Ant Design 设计规范的 React 实现,所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件,也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现,与 antd 形成互补:
| 类型 | 推荐组件 |
|---|---|
| 路由 | react-router |
| 布局 | @rebass/gridreact-blocksreact-flexbox-grid |
| 拖拽 | react-beautiful-dndreact-dndreact-sortable-hoc |
| 代码编辑器 | react-codemirror2react-monaco-editor |
| 富文本编辑器 | react-quillbraft-editor |
| JSON 显示器 | react-json-view |
| 拾色器 | rc-color-pickerreact-color |
| 响应式 | react-responsivereact-media |
| 复制到剪贴板 | react-copy-to-clipboard |
| 页面 meta 属性 | react-helmetreact-document-title |
| 图标 | react-fareact-icons |
| 二维码 | qrcode.react |
| 可视化图表 | BizChartsrechartsvictory |
| 可视化图编辑器 | GGEditor |
| 顶部进度条 | nprogress |
| 应用国际化 | react-intl |
| 代码高亮 | react-syntax-highlighter |
| Markdown 渲染 | react-markdown |
| 无限滚动 | react-virtualizedantd-table-infinity |
| 地图 | react-google-mapsgoogle-map-reactreact-amap 高德 |
| 右键菜单 | react-contextmenureact-contexify |
| Emoji | emoji-mart |
| 分割面板 | react-split-pane |
| 图片裁切 | react-image-crop |
| 趋势线 | react-sparklines |
| 格式化输入 | text-mask |
| 关键字高亮 | react-highlight-words |
| 动画 | react-moveAnt Motionreact-spring |
