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 组件
- 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 的生成二维码的组件
- react-nprogress 适用于 YouTube, Medium等的顶部进度条组件
- react-syntax-highlighter 基于 React的代码高亮组件
- react-contextmenu 右键菜单组件
- emoji-mart 基于 React的表情库
- react-highlight-words 基于 React的关键字高亮
- WaterMark 水印组件
- react-colorful 基于 React的颜色选择器
- react-copy-write 基于 React的复制粘贴组件
- react-medium-image-zoom 基于 React的图片放大组件
- react-fontawesome React应用图标库
- react i18next 使 React应用支持多语言
- react-infinite-scroll-component 使 React项目支持无限滚动
- react-lazy-load 使 React项目支持图片懒加载
- react-loadable 使 React项目支持代码分割
- react-contexify 为 React应用带来灵活的右键菜单
数据可视化
- AntV 包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范, 提供强大的数据可视化需求
- G2Plot 基于 G2 封装的开箱即用的可视化组件库
- recharts 使用 React 和 D3 构建的自定义的图表库
- Viser 支持多种主流框架的可视化库
- react-gantt-antd 一个漂亮的 React甘特图组件, antd风格
拖拽 / 排序
- react-beautiful-dnd 漂亮,可移植性 列表拖拽库
- react-dnd 可帮助我们构建复杂的拖放界面,同时保持组件的分离
- react-moveable 支持自由拖拽, 缩放, 参考线的灵活强大的拖拽库
- react-grid-layout 强大的网格拖拽排序缩放库
- mixitup 强大且高性能的列表卡片排序动画库
- react-sortable-hoc 基于 react 的列表拖拽排序库
- react-split-pane 为 React应用带来灵活的可拖拽面板布局
动画效果
- Halogen 使用 React 的加载动画集合
- react-loading 一款基于 react 的轻量级加载动画库, 支持按需导入, 开箱即用
- react-move 漂亮的,数据驱动的 React 动画库
- react-spring 一个基于弹簧物理学的动画库
- react-text-loop-next 文字轮播动画
图像处理
- react-image-crop 使 React应用轻松实现图片裁剪功能
- react-sparklines 基于数据自动生成趋势线
- dom-to-image 基于 dom 生成图片的 canvas 库
- react-img-editor 支持截图编辑的图片库
播放器
- react-medium-video 基于 React 的视频播放器组件
- react-player 基于 React 的视频播放器组件
- react-h5-video-player 基于 React 的 H5 视频播放器组件
- react-dplayer 基于 React 的 DPlayer 播放器组件
文件上传
- react-dropzone 基于 React 的文件上传组件
- react-file-pond 基于 React 的文件上传组件
- react-file-reader 基于 React 的文件读取组件
编辑器相关
- braft-editor 富文本编辑器
- powerNice 文档编辑器
- mitu 图片编辑器
- h5-dooring H5 页面编辑器
- GGEditor 可视化图编辑器
- react-codemirror2 代码编辑器
- jsoneditor json 编辑器
- React JSON View 优化 React 应用中的 JSON数据展示
- React Quill 基于 Quill.js 开发的组件
- react-ace 基于 ace.js 开发的组件
- react monaco Editor 基于 monaco-editor 的 React 编辑器
- react quill 基于 quill 的 React 编辑器
- react-markdown 在 React应用中渲染 Markdown
地图相关
- google-map-react 谷歌地图插件
- react-amap 高德地图插件
- react-baidu-map 百度地图
响应式设计 / 移动端
- react-responsive 响应式组件
- react-media 响应式组件
- react-responsive-carousel 响应式轮播组件
- react-swipeable-views 响应式滑动组件
表单库
- formik 基于 React 的表单解决方案
- formily 阿里巴巴统一前端表单解决方案
- react-hook-form 基于 React 的表单解决方案
- react-final-form 基于 React 的表单解决方案
参考链接