你不知道的33个令人惊艳的React开发库

在今天的文章中，将介绍每个 React 开发人员都应该熟悉的 33 个令人惊叹的 React 库。而且是由其他开发人员经过良好测试和维护的令人惊叹的 React 库。

formlink

image.png

Formik 是世界上最流行的 React 和 React Native 开源表单库。

react-select

image.png

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

framer-motion

image.png

专门为react准备的动画库。

chakra-ui

image.png

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

material-ui

image.png

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

react-icons

image.png

使用react-icons可以轻松地在React项目中使用流行的图标，它利用ES6导入，支持按需打包。

recharts

image.png

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

react-responsive-carousel

image.png

响应式轮播组件。

react-calendar

image.png

基于React的应用程序的终极日历

full-calendar

image.png

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

video-react

image.png

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

react-password-strength

image.png

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

email.js

image.png

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

react-drag-drop-files

image.png

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

react-dnd

image.png

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

react-i18next

image.png

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

react-virtualized

image.png

React 组件可有效渲染大型列表和表格数据。

react-testing-library

image.png

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

react-image-file-resizer

image.png

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

react-table

image.png

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

react-markdown

image.png

React 组件渲染 markdown。

react-router-dom

image.png

react-pdf

image.png

react-h5-audio-player

image.png

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

react-virtual

image.png

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

react-query

image.png

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

storybook

image.png

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

react-popup

image.png

Reactjs-popup 是一个简单的 React 弹出组件，可帮助您为下一个 React 应用程序创建简单和复杂的模态、工具提示和菜单。

react-mantine

image.png

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

react-leaflet

image.png

支持地图的React components for Leaflet maps

react-admin

image.png

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

react-tooltip

image.png

顾名思义，不多介绍了。

react-image-cropper

react裁剪帮手。

image.png

参考：https://dev.to/johongirr/33-react-libraries-every-react-developer-should-have-in-their-arsenal-29dd