对 React 开发人员有用的 npm 软件包列表

2025-05-25

对 React 开发人员有用的 npm 软件包列表

(最初发布于manindu.dev

大家好,这是一份面向 React 开发者的 npm 包列表。我计划定期更新,添加更多包。欢迎大家提出建议😊。祝大家编程愉快!

UI 组件库

  1. antd - Ant Design 是一个企业级 UI 设计系统。
  2. @material-ui/core - React Material UI 组件
  3. react-bootstrap - 使用 React 构建的 Bootstrap 4 组件
  4. react-bulma-components - Bulma 框架的 React 组件
  5. semantic-ui-react - 一个 React 组件库
  6. office-ui-fabric-react - 用于构建 Office 和 Office 365 体验的基于 React 的前端框架
  7. reactstrap - Bootstrap 4 的无状态 React 组件
  8. rebass - 使用 styled-system 构建的 React 原始 UI 组件
  9. @appbaseio/reactivesearch - 用于 Elasticsearch 的 React UI 组件

单独的 UI 组件

  1. @tippy.js/react - React 应用的完整工具提示和弹出窗口解决方案
  2. react-spinners - 基于 Halogen 的 React.js 加载旋转器集合
  3. react-loader-spinner - react-spinner-loader 提供了简单的 React.js spinner 组件,可以在数据加载到视图之前实现异步等待操作
  4. react-spinners-kit - 使用 styled-components 构建的加载旋转器集合
  5. draft-js - Draft.js 是一个 JavaScript 富文本编辑器框架,专为 React 构建,并由不可变模型支持
  6. react-custom-scrollbars - React 的自定义滚动条
  7. react-select - React 的选择控件
  8. react-dropdown - React 的简单下拉组件,灵感来自 react-select
  9. react-horizo​​ntal-scrolling-menu - React 的水平滚动菜单组件
  10. react-collapsible - React 响应式可折叠部分组件
  11. react-calendar - React 的日历组件
  12. react-datepicker - 一个简单且可重复使用的 React Datepicker 组件
  13. react-table - react-table 是为 React 构建的轻量级、快速且可扩展的数据网格
  14. react-awesome-button - React 的按钮组件
  15. react-compound-slider - React Compound Slider 是一个很小的 ​​(4.3kb) 滑块组件,对标记或样式没有任何意见
  16. 变阻器- Airbnb 推出的一款适用于移动设备、平板电脑、台式机和网络的可访问滑块
  17. react-checkbox-tree - 一个简洁优雅的 React 复选框树
  18. recharts - Recharts 是一个使用 React 和 D3 构建的重新定义图表库
  19. react-chartjs-2 - Chart.js 2 的 React 包装器
  20. react-vis - 用于呈现常见数据可视化图表的反应组件集合
  21. 胜利- 用于模块化图表和数据可视化的 React.js 组件
  22. react-modal - React.JS 的可访问模态对话框组件
  23. react-responsive-modal - 一个简单的响应式且可访问的反应模式,与 React 16 兼容并为 React 17 做好准备
  24. react-slick - 使用 React 构建的轮播组件。它是 slick carousel 的 React 版本。
  25. react-responsive-carousel - React 的响应式轮播组件
  26. pure-react-carousel - 一套高度独立的 React 组件,用户可以自行组装,创建响应迅速且符合 aria 规范的轮播,且几乎没有 DOM 结构或 CSS 样式的限制
  27. react-grid-gallery - 受 Google Photos 启发并基于 React Images 的 React 对齐图库组件
  28. react-images - 一个适合移动设备、高度可定制的轮播组件,用于在 ReactJS 中显示媒体
  29. react-image-lightbox - 用于在 React 项目中显示图像的灵活灯箱组件
  30. react-tabs - ReactJS 的一个易于访问的选项卡组件

JS 中的 CSS

  1. styled-components - 组件时代的视觉原语。使用 ES6 和 CSS 的精华,轻松设计你的应用。
  2. emotion - JS 库中的 CSS
  3. radium - Radium 是一套用于管理 React 元素内联样式的工具。它无需 CSS 即可提供强大的样式功能。

Http 客户端

  1. axios - 基于 Promise 的浏览器和 node.js HTTP 客户端
  2. apisauce - 基于 axios 构建的 http 客户端
  3. request - Request 旨在提供最简单的 http 调用方式。它支持 HTTPS 并默认遵循重定向。
  4. superagent - 小型渐进式客户端 HTTP 请求库,以及具有相同 API 的 Node.js 模块,具有许多高级 HTTP 客户端功能

路由

  1. react-router-dom - React Router 的 DOM 绑定
  2. 通用路由器- 一个简单的中间件式路由器,可用于客户端和服务器端应用程序
  3. Connected-React-Router - React Router v4 和 v5 的 Redux 绑定

状态管理

  1. redux - Redux 是 JavaScript 应用程序的可预测状态容器
  2. react-redux - Redux 的官方 React 绑定
  3. mobx - MobX 是一个经过实践检验、简单且可扩展的状态管理库,透明地应用函数式反应式编程(TFRP)
  4. redux-saga - redux-saga 是一个旨在使应用程序副作用(即异步数据获取和访问浏览器缓存等不纯操作)更易于管理的库
  5. redux-thunk - Redux 的 Thunk 中间件
  6. redux-persist - 持久化并补充 redux 存储
文章来源:https://dev.to/manindu/a-list-of-useful-npm-packages-for-react-developers-3dhg
PREV
是时候和 Docker 说再见了!!!Docker 时代结束了……从 Docker 迁移到 Podman 另请阅读:ROOTLESS DOCKER
NEXT
常规提交如何提高我的 git 技能