每个 React 开发人员都应该拥有的 33 个 React 库 1. formik 2. react-select 3. framer-motion 4. chakra-ui 5. material-ui 6. react-icons 7. recharts 8. react-responsive-carousel 9. react-calendar 10. full-calendar 11. video-react 12. react-password-strength 13. email.js 14. react-drag-drop-files 15. react-dnd 16. react-i18next 17. react-virtualized 18. react-testing-library 19. react-image-file-resizer 20. react-table 21. react-markdown 22. react-router-dom 23. react-pdf 24. react-h5-audio-player 25. react-virtual 26. react-query 27. storybook 28. react-popup 29. react-mantine 30. react-leaflet 31. react-admin 32. react-tooltip 33. react-image-cropper

2025-06-09

每个 React 开发人员都应该拥有的 33 个 React 库

1.福米克

2. react-select

3.框架运动

4.脉轮-ui

5.材质界面

6.反应图标

7.重新绘制图表

8.响应式旋转木马

9.反应日历

10.全日历

11.视频反应

12.反应密码强度

13. email.js

14. React-拖放文件

15. React-dnd

16. react-i18next

17.反应虚拟化

18.反应测试库

19. React-图像文件调整器

20.反应表

21. React-markdown

22. React-router-dom

23. React-pdf

24. React-H5-音频播放器

25.反应虚拟

26.反应查询

27.故事书

28.反应弹出

29.反应金刚胺

30.反应传单

31. React-admin

32.反应工具提示

33. React-图像裁剪器

仅仅用 React 编写所有软件并不能让你成为 React 开发者,你必须使用所有那些由其他开发者精心测试和维护的优秀 React 库。在今天的文章中,我将介绍 33 个每个 React 开发者都应该熟悉的优秀 React 库。尽情享受并分享你的反馈吧!

1.福米克

formik 主页

Formik 是全球最受欢迎的 React 和 React Native 开源表单库。

2. react-select

react-select 主页

一个灵活而美观的 ReactJS 选择输入控件,具有多选、自动完成、异步和可创建支持。

3.框架运动

框架运动主页

适用于 React 的生产级运动库。

4.脉轮-ui

chakra-ui主页

Chakra UI 是一个简单、模块化且可访问的组件库,它为您提供构建 React 应用程序所需的构建块。

5.材质界面

材质 UI 主页

MUI 提供一套全面的 UI 工具,助您更快地发布新功能。您可以从我们功能齐全的组件库 Material UI 入手,也可以将您自己的设计系统添加到我们可用于生产的组件中。

6.反应图标

react-icons 主页

使用 react-icons 轻松地将流行图标包含在您的 React 项目内,它利用 ES6 导入,允许您仅包含项目正在使用的图标。

7.重新绘制图表

recharts 主页

基于 React 组件构建的可组合图表库

8.响应式旋转木马

轮播主页

响应式轮播

9.反应日历

react-calendar主页

适用于你的 React 应用的终极日历

10.全日历

完整日历主页

FullCalendar 生成真正的 React 虚拟 DOM 节点,因此您可以利用 React 高度优化的渲染引擎 Fiber。

11.视频反应

视频反应主页

使用 React 库为 HTML5 世界从头开始构建的网络视频播放器。

12.反应密码强度

密码强度检查器

使用 zxcvbn 计算密码强度分数的密码强度指示器字段。

13. email.js

电子邮件 js 主页

直接通过 JavaScript 发送电子邮件。无需服务器代码。专注于重要的事情!

14. React-拖放文件

反应拖放文件主页

轻量级的 ReactJS 拖放文件库,提供灵活的选项,方便您在拖放区域放置任何您想要的设计。用户可以在窗口的任何位置拖放文件,甚至可以选择文件。

15. React-dnd

React Draga Drop 主页

React DnD 是一组 React 实用程序,可帮助您构建复杂的拖放界面,同时保持组件解耦。

16. react-i18next

react-i18next 主页

react-i18next 是一个基于 i18next 的强大的 React / React Native 国际化框架。您可以查看 i18next 的历史以及 react-i18next 的推出时间。

17.反应虚拟化

虚拟化反应

用于高效渲染大型列表和表格数据的 React 组件。查看演示以获取一些示例。

18.反应测试库

React 测试库主页

简单而完整的测试实用程序,鼓励良好的测试实践

19. React-图像文件调整器

React 图像文件调整器

react-image-file-resizer 是一个 React 模块,可以重新缩放本地图像。您可以更改图像的宽度、高度、格式、旋转角度和质量。
它返回调整大小后图像的新 base64 URI 或 Blob。URI 可以用作组件的源。

20.反应表

反应表主页

轻量级且可扩展的 React 数据表。构建和设计强大的数据网格体验,同时保留对标记和样式的 100% 控制权。

21. React-markdown

反应降价

React 组件来渲染 markdown。

22. React-router-dom

React Router DOM 主页

React Router Dome 可实现“客户端路由”。

23. React-pdf

React PG 查看器

在 React 应用中轻松显示 PDF

24. React-H5-音频播放器

React HTML5 音频播放器

React HTML5 音频播放器组件,可在不同浏览器上提供一致的 UI/UX。高度可定制的布局。Flexbox CSS 和 SVG 图标。移动友好。支持 I18n 和 a11y,支持键盘事件。支持媒体源扩展 (MSE) 和加密媒体扩展 (EME)。使用 TypeScript 编写。

25.反应虚拟

反应虚拟

在 TS/JS、React、Vue、Solid 和 Svelte 中以 60FPS 的速度仅虚拟化大量可滚动元素中的可见 DOM 节点,同时保留对标记和样式的 100% 控制。

26.反应查询

反应查询

为 React 提供高性能且强大的数据同步功能。无需触及任何“全局状态”,即可在 React 和 React Native 应用程序中获取、缓存和更新数据。

27.故事书

故事书主页

Storybook 是一个用于独立构建 UI 组件和页面的前端工作坊。成千上万的团队使用它进行 UI 开发、测试和文档编写。它是开源且免费的。

28.反应弹出

反应弹出主页

reactjs-popup 是一个简单的 React 弹出组件,可帮助您为下一个 React App 创建简单和复杂的模态框、工具提示和菜单。

29.反应金刚胺

React Mantine 主页

功能齐全的 Reacttt 组件库。Mantine 包含 100 多个可自定义组件和 40 个钩子,助您快速构建功能齐全、易于访问的 Web 应用程序。

30.反应传单

反应传单主页

用于 Leaflet 地图的 React 组件

31. React-admin

反应管理主页

React-admin 提供最佳的开发人员体验,让您专注于业务需求并构建令人愉悦的用户界面。

32.反应工具提示

反应工具提示

用于 React 的简单反应工具提示库

33. React-图像裁剪器

图片描述

一个没有依赖项的 React 图像裁剪工具。

鏂囩珷鏉ユ簮锛�https://dev.to/johongirr/33-react-libraries-every-react-developer-should-have-in-their-arsenal-29dd
PREV
我的 2020 年 Web 开发设置
NEXT
10 门最佳免费算法与数据结构课程 1. CS50 计算机科学入门 2. 数据结构与算法专项 3. 算法专项 4. Python 数据结构与算法 5. 数据结构入门 6. 数据结构入门 7. 数据结构基础 8. 数据结构 9. 数据结构概念与单链表实现 10. 算法与数据结构 - 第一部分 附赠:付费课程与练习平台