对 React 开发人员有用的 npm 软件包列表
(最初发布于manindu.dev)
大家好,这是一份面向 React 开发者的 npm 包列表。我计划定期更新,添加更多包。欢迎大家提出建议😊。祝大家编程愉快!
UI 组件库
- antd - Ant Design 是一个企业级 UI 设计系统。
- @material-ui/core - React Material UI 组件
- react-bootstrap - 使用 React 构建的 Bootstrap 4 组件
- react-bulma-components - Bulma 框架的 React 组件
- semantic-ui-react - 一个 React 组件库
- office-ui-fabric-react - 用于构建 Office 和 Office 365 体验的基于 React 的前端框架
- reactstrap - Bootstrap 4 的无状态 React 组件
- rebass - 使用 styled-system 构建的 React 原始 UI 组件
- @appbaseio/reactivesearch - 用于 Elasticsearch 的 React UI 组件
单独的 UI 组件
- @tippy.js/react - React 应用的完整工具提示和弹出窗口解决方案
- react-spinners - 基于 Halogen 的 React.js 加载旋转器集合
- react-loader-spinner - react-spinner-loader 提供了简单的 React.js spinner 组件,可以在数据加载到视图之前实现异步等待操作
- react-spinners-kit - 使用 styled-components 构建的加载旋转器集合
- draft-js - Draft.js 是一个 JavaScript 富文本编辑器框架,专为 React 构建,并由不可变模型支持
- react-custom-scrollbars - React 的自定义滚动条
- react-select - React 的选择控件
- react-dropdown - React 的简单下拉组件,灵感来自 react-select
- react-horizontal-scrolling-menu - React 的水平滚动菜单组件
- react-collapsible - React 响应式可折叠部分组件
- react-calendar - React 的日历组件
- react-datepicker - 一个简单且可重复使用的 React Datepicker 组件
- react-table - react-table 是为 React 构建的轻量级、快速且可扩展的数据网格
- react-awesome-button - React 的按钮组件
- react-compound-slider - React Compound Slider 是一个很小的 (4.3kb) 滑块组件,对标记或样式没有任何意见
- 变阻器- Airbnb 推出的一款适用于移动设备、平板电脑、台式机和网络的可访问滑块
- react-checkbox-tree - 一个简洁优雅的 React 复选框树
- recharts - Recharts 是一个使用 React 和 D3 构建的重新定义图表库
- react-chartjs-2 - Chart.js 2 的 React 包装器
- react-vis - 用于呈现常见数据可视化图表的反应组件集合
- 胜利- 用于模块化图表和数据可视化的 React.js 组件
- react-modal - React.JS 的可访问模态对话框组件
- react-responsive-modal - 一个简单的响应式且可访问的反应模式,与 React 16 兼容并为 React 17 做好准备
- react-slick - 使用 React 构建的轮播组件。它是 slick carousel 的 React 版本。
- react-responsive-carousel - React 的响应式轮播组件
- pure-react-carousel - 一套高度独立的 React 组件,用户可以自行组装,创建响应迅速且符合 aria 规范的轮播,且几乎没有 DOM 结构或 CSS 样式的限制
- react-grid-gallery - 受 Google Photos 启发并基于 React Images 的 React 对齐图库组件
- react-images - 一个适合移动设备、高度可定制的轮播组件,用于在 ReactJS 中显示媒体
- react-image-lightbox - 用于在 React 项目中显示图像的灵活灯箱组件
- react-tabs - ReactJS 的一个易于访问的选项卡组件
JS 中的 CSS
- styled-components - 组件时代的视觉原语。使用 ES6 和 CSS 的精华,轻松设计你的应用。
- emotion - JS 库中的 CSS
- radium - Radium 是一套用于管理 React 元素内联样式的工具。它无需 CSS 即可提供强大的样式功能。
Http 客户端
- axios - 基于 Promise 的浏览器和 node.js HTTP 客户端
- apisauce - 基于 axios 构建的 http 客户端
- request - Request 旨在提供最简单的 http 调用方式。它支持 HTTPS 并默认遵循重定向。
- superagent - 小型渐进式客户端 HTTP 请求库,以及具有相同 API 的 Node.js 模块,具有许多高级 HTTP 客户端功能
路由
- react-router-dom - React Router 的 DOM 绑定
- 通用路由器- 一个简单的中间件式路由器,可用于客户端和服务器端应用程序
- Connected-React-Router - React Router v4 和 v5 的 Redux 绑定
状态管理
- redux - Redux 是 JavaScript 应用程序的可预测状态容器
- react-redux - Redux 的官方 React 绑定
- mobx - MobX 是一个经过实践检验、简单且可扩展的状态管理库,透明地应用函数式反应式编程(TFRP)
- redux-saga - redux-saga 是一个旨在使应用程序副作用(即异步数据获取和访问浏览器缓存等不纯操作)更易于管理的库
- redux-thunk - Redux 的 Thunk 中间件
- redux-persist - 持久化并补充 redux 存储