常用插件整理 之《React》

状态管理

1. Redux JavaScript 状态容器，提供可预测化的状态管理

2. Redux Thunk Redux 的异步处理中间件

3. MobX 通过函数响应式编程使得状态管理变得简单和可扩展

4. Dva 一个基于 redux 和 redux-saga 的数据流方案

工具类

1. React Virtualized 一个能渲染大型列表和表格的 React 解决方案

2. react-file-viewer React 在线 PDF 预览插件

3. react-copy-to-clipboard 基于 React 的复制到剪切板组件

4. qrcode.react 基于 React 的生成二维码的组件

5. nprogress 适用于 YouTube，Medium 等的顶部进度条组件

6. react-syntax-highlighter 基于 React 的代码高亮组件

7. react-contextmenu 右键菜单组件

8. emoji-mart 基于 React 的表情库

9. react-highlight-words 基于 React 的关键字高亮

10. WaterMark 水印组件

数据可视化

1. AntV 包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范, 提供强大的数据可视化需求

2. G2Plot 基于 G2 封装的开箱即用的可视化组件库

3. recharts 使用 React 和 D3 构建的自定义的图表库

4. Viser 支持多种主流框架的可视化库

拖拽/排序

1. react-beautiful-dnd 漂亮,可移植性 列表拖拽库

2. react-dnd 可帮助我们构建复杂的拖放界面，同时保持组件的分离

3. react-moveable 支持自由拖拽, 缩放, 参考线的灵活强大的拖拽库

4. react-grid-layout 强大的网格拖拽排序缩放库

5. mixitup 强大且高性能的列表卡片排序动画库

动画/动效果

1. Halogen 使用 React 的加载动画集合

2. react-loading 一款基于 react 的轻量级加载动画库, 支持按需导入, 开箱即用

3. react-move 漂亮的，数据驱动的 React 动画库

4. react-spring 一个基于弹簧物理学的动画库

5. react-text-loop-next 文字轮播动画

图像处理

1. react-image-crop 强大的图片裁切库

2. react-sparklines 基于数据自动生成趋势线

3. dom-to-image 基于 dom 生成图片的 canvas 库

4. react-img-editor 支持截图编辑的图片库

编辑器相关

1. braft-editor 富文本编辑器

2. powerNice 文档编辑器

3. mitu 图片编辑器

4. h5-dooring H5 页面编辑器

5. GGEditor 可视化图编辑器

6. react-codemirror2 代码编辑器

7. jsoneditor json 编辑器

地图相关

1. google-map-react 谷歌地图插件

2. react-amap 高德地图插件

3. react-baidu-map 百度地图