本页目录

React相关

UI 库

Ant design 用于研发企业级中后台产品的 UI 组件库
Ant design mobile 基于 Ant Design 设计体系的 React UI 移动端组件库
MaterialUI 世界最受欢迎的基于质感设计的 React UI 库
toolbox 一套使用 CSS 模块功能实现 Google 的 Material Design 规范的 React 组件
Fabric UI 微软开源的 UX 框架的集合，用于创建共享代码，设计和交互行为的精美的跨平台应用程序
React desktop 基于 React 的 JavaScript 库，旨在将本机桌面体验带入网络，其中包含许多 macOS Sierra 和 Windows 10 组件。react-desktop 与 NW.js 和 Electron.js 完美结合，但是可以在任何 JavaScript 驱动的项目中使用
Zent 有赞 PC 端 WebUI 规范的 React 实现，提供了一整套基础的 UI 组件以及一些常用的业务组件
react-icons 基于 React 封装的丰富的图标库

状态管理

Redux JavaScript 状态容器，提供可预测化的状态管理
Redux Thunk Redux 的异步处理中间件
MobX 通过函数响应式编程使得状态管理变得简单和可扩展
Dva 一个基于 redux 和 redux-saga 的数据流方案

工具类

React Virtualized 一个能渲染大型列表和表格的 React 解决方案
react-file-viewer React 在线 PDF 预览插件
react-copy-to-clipboard 基于 React 的复制到剪切板组件
qrcode.react 基于 React 的生成二维码的组件
nprogress 适用于 YouTube，Medium 等的顶部进度条组件
react-syntax-highlighter 基于 React 的代码高亮组件
react-contextmenu 右键菜单组件
emoji-mart 基于 React 的表情库
react-highlight-words 基于 React 的关键字高亮
WaterMark 水印组件

数据可视化

AntV 包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范, 提供强大的数据可视化需求
G2Plot 基于 G2 封装的开箱即用的可视化组件库
recharts 使用 React 和 D3 构建的自定义的图表库
Viser 支持多种主流框架的可视化库

拖拽/排序

react-beautiful-dnd 漂亮,可移植性列表拖拽库
react-dnd 可帮助我们构建复杂的拖放界面，同时保持组件的分离
react-moveable 支持自由拖拽, 缩放, 参考线的灵活强大的拖拽库
react-grid-layout 强大的网格拖拽排序缩放库
mixitup 强大且高性能的列表卡片排序动画库

动画/效果

Halogen 使用 React 的加载动画集合
react-loading 一款基于 react 的轻量级加载动画库, 支持按需导入, 开箱即用
react-move 漂亮的，数据驱动的 React 动画库
react-spring 一个基于弹簧物理学的动画库
react-text-loop-next 文字轮播动画

图像处理

react-image-crop 强大的图片裁切库
react-sparklines 基于数据自动生成趋势线
dom-to-image 基于 dom 生成图片的 canvas 库
react-img-editor 支持截图编辑的图片库

编辑器相关

braft-editor 富文本编辑器
powerNice 文档编辑器
mitu 图片编辑器
h5-dooring H5 页面编辑器
GGEditor 可视化图编辑器
react-codemirror2 代码编辑器
jsoneditor json 编辑器

地图相关

google-map-react 谷歌地图插件
react-amap 高德地图插件
react-baidu-map 百度地图

以上这些库不必每一样都去了解和深究, 技术都是为业务服务的, 所以我们按需使用和学习即可. 至于像 react 或者 vue 这种框架的相关生态, 笔者这里就不一一介绍了, 官网文档上都有非常详细的生态集, 感兴趣的朋友自行了解即可.