知道这 33 个 React 库,让你React更进一步

知道这 33 个 React 库,让你React更进一步

你不能通过仅使用 React 编写所有软件来成为 React 开发人员,但你必须使用所有由其他开发人员经过良好测试和维护的令人惊叹的 React 库。在今天的帖子中,我将介绍每个 React 开发人员都应该熟悉的 33 个惊人的 React 库。享受并分享您的反馈!

1.formik

 

 

Formik 是世界上最受欢迎的 React 和 React Native 开源表单库。

2.react-select

 

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

3.framer-motion

 

 React 的生产就绪运动库。

4.chakra-ui

 

 

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

5.material-ui

 

 

MUI 提供了一套全面的 UI 工具,可帮助您更快地发布新功能。从我们完全加载的组件库 Material UI 开始,或者将您自己的设计系统引入我们的生产就绪组件。

6.react-icons

 

 

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

7.recharts

 

 

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

8.react-responsive-carousel

 

 

用于反应的响应轮播

9.react-calendar

 

 

React 应用程序的终极日历

10.full-calendar

 

 

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

11.video-react

 

 

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

12.react-password-strength

 

 

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

13.email.js

 

 

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

14.react-drag-drop-files

 

 

轻巧简单的 reactjs 拖放文件库,使用非常灵活的选项来更改,因此您可以为拖放区域放置任何您想要的设计。用户可以拖放甚至选择窗口中任意位置的文件。

15.react-dnd

 

 

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

16.react-i18next

 

 

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

17.react-virtualized

 

 

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

18.react-testing-library

 

 

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

19.react-image-file-resizer

 

 

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

20.react-table

 

 

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

21.react-markdown

 

 

反应组件以呈现降价。

22.react-router-dom

 

 

启用“客户端路由”的 React Router Dome。

23.react-pdf

 

 

在 React 应用程序中轻松显示 PDF

24. react-h5-audio-player

 

 

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

25.react-virtual

 

 

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

26.react-query

 

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

27.storybook

 

 

 

 

Storybook 是一个前端工作室,用于单独构建 UI 组件和页面。数以千计的团队使用它进行 UI 开发、测试和文档编制。它是开源且免费的。

28.react-popup

 

 

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

29.react-mantine

一个功能齐全的 Reactt 组件库。比以往更快地构建功能齐全的可访问 Web 应用程序 – Mantine 包括 100 多个可定制组件和 40 个挂钩,可在任何情况下覆盖您

30.react-leaflet

 

 

传单地图的反应组件

31.react-admin

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

32.react-tooltip

 

 

React 的简单反应工具提示库

33.react-image-cropper

 

 

一个无依赖的 React 图像裁剪工具。

 

posted on 2023-03-17 18:05  漫思  阅读(93)  评论(0编辑  收藏  举报

导航