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

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

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

formlinkimage.png

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

react-selectimage.png

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

framer-motionimage.png

专门为react准备的动画库。

chakra-uiimage.png

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

material-uiimage.png

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

react-iconsimage.png

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

rechartsimage.png

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

react-responsive-carouselimage.png

响应式轮播组件。

react-calendarimage.png

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

full-calendarimage.png

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

video-reactimage.png

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

react-password-strengthimage.png

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

email.jsimage.png

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

react-drag-drop-filesimage.png

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

react-dndimage.png

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

react-i18nextimage.png

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

react-virtualizedimage.png

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

react-testing-libraryimage.png

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

react-image-file-resizerimage.png

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

react-tableimage.png

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

react-markdownimage.png

React 组件渲染 markdown。

react-router-domimage.png

react-pdfimage.png

react-h5-audio-playerimage.png

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

react-virtualimage.png

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

react-queryimage.png

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

storybookimage.png

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

react-popupimage.png

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

react-mantineimage.png

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

react-leafletimage.png

支持地图的React components for Leaflet maps

react-adminimage.png

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

react-tooltipimage.png

顾名思义,不多介绍了。

react-image-cropperreact裁剪帮手。

image.png

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

相关推荐

流眄是什么意思
365双试投注

流眄是什么意思

📅 07-24 👁️ 9191
如何绘制表格折线图
365速发国际靠谱么

如何绘制表格折线图

📅 07-19 👁️ 6406
原神端游怎么扫描登录码 原神PC端怎么扫码登录
365双试投注

原神端游怎么扫描登录码 原神PC端怎么扫码登录

📅 10-03 👁️ 1252
中华人民共和国沿海开放城市
365双试投注

中华人民共和国沿海开放城市

📅 07-25 👁️ 7182
EUR是什么货币
365双试投注

EUR是什么货币

📅 11-03 👁️ 6655
連GD、防彈少年團、EXO、亞莉安娜都在玩!ZEPETO虛擬社交App妳用了嗎?
前世界杯金靴奖得主、意大利前国脚斯基拉奇去世,终年59岁
2025年富锶水品牌推荐:五大优质天然富锶水品牌推荐及选购指南榜
移动硬盘只读模式怎么取消?
healthy 365 app

移动硬盘只读模式怎么取消?

📅 10-27 👁️ 9163