7 个小型且被低估的 React 库 🔥

2025-06-07

7 个小型且被低估的 React 库 🔥

嘿!欢迎回到我的每日文章!今天我们来聊聊 React,但不会聊 React.js 的概念、最佳实践等等。今天,我将分享7 个我喜欢用、也可能会喜欢的小型且被低估的 React 库。

当然,你可能已经知道其中一些了,因为我没有选择最小的。我试图在知名度较低和受欢迎程度之间找到平衡,以便维护

此外,您可能还认识其他人,因此请随意回答并分享您的信息;我会尝试将它们添加到本系列的下一篇文章中!


1️⃣ React 测试库

React 测试库

它是一个轻量级的测试库,可以非常轻松地测试 React 组件。此外,它还提供了一个简单直观的 API 来测试它们,使测试过程更加轻松!

它旨在与 Jest(一种流行的 React 测试框架)一起使用。

与往常一样,这里有一个使用它的代码示例(不用担心,示例之后,您会得到一个项目链接,因此您可以深入检查它):

🔗官方网站

2️⃣ React Hook Form

React Hook 表单

这个库很酷。它能让你轻松处理 React 中的表单状态。

基本上,它提供了一个简单的 API 来处理表单状态和验证,并且它是使用 React hooks构建的。

另一个优点是它体积小,效率高!(它也适用于 React Native

🔗官方网站

3️⃣ React 滚动

反应滚动

正如你所料,这个库用于滚动。基本上,它有助于在 React 应用中实现平滑滚动。它提供了简单的 API(但有很多可选设置),并且轻量级。

🔗官方网站

4️⃣ React 过渡小组

React 过渡组

这个是用来实现动画的。嗯,不是所有类型的动画(至于动画,我建议你看看 Framer Motion),而是过渡动画。

如果您需要快速简便的动画,我建议您检查这个

🔗官方网站

5️⃣ React 延迟加载图像组件

React 延迟加载图像组件

好吧,这个已经在标题中说明了它的作用,但是是的,它有助于在你的 React 应用程序中实现图像的延迟加载

您可能知道,它可以通过仅在需要时加载图像来帮助提高您网站的性能。快速又简单。

🔗官方网站

6️⃣ React 轻松编辑

React 轻松编辑

现在我们有一个库,您将在极少数特定情况下使用它,但是,了解它总是好的!

它是一个在 React 中实现内联编辑的。它非常容易使用。

🔗官方网站

7️⃣ React Beautiful Dnd

React Beautiful Dnd

这个库不算小,而且很受欢迎,但是……我真的很想添加它。我知道市面上有很多“拖放”库,但这个真的很容易用;它美观且可自定义。哦,对了,它是由 Atlassian 开发的(Trello 和 Jira 的开发者,这两个应用都使用了这个库)。

没有代码示例,因为最好在这里检查所有示例。

🔗官方网站


好了,文章就到这里。虽然很短,但我希望它能对你有所帮助,并且至少能让你发现一个精彩的图书馆。我非常喜欢这个系列;我很快会继续发布更多内容,所以……如果你喜欢的话,一定要关注

如果您知道其他类似的小型图书馆,请在这里分享,以便我可以测试并将它们添加到下一篇文章中!

🌎 让我们联系起来!

文章来源:https://dev.to/naubit/7-small-undererated-react-libraries-h54
PREV
10 Must-Have Chrome Extensions for Web Developers 🚀🌐
NEXT
🚀 每个 JavaScript 开发人员都应该掌握的 5 个高级 ES6 功能