社区精选组件
| 类型 | 推荐组件 |
|---|---|
| 可视化图表 | AntV 数据可视化解决方案 🔥 AntV 图表库 BizCharts recharts viser |
| React Hooks 库 | umi-hooks |
| 路由 | 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-fontawesome 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 |
| 图片裁切 | antd-img-crop react-image-crop |
| 趋势线 | react-sparklines |
| 关键字高亮 | react-highlight-words |
| 文字轮播 | react-text-loop |
| 动画 | react-move Ant Motion react-spring |
初识 React →