7 个小型且被低估的 React 库 🔥
嘿!欢迎回到我的每日文章!今天我们来聊聊 React,但不会聊 React.js 的概念、最佳实践等等。今天,我将分享7 个我喜欢用、也可能会喜欢的小型且被低估的 React 库。
当然,你可能已经知道其中一些了,因为我没有选择最小的。我试图在知名度较低和受欢迎程度之间找到平衡,以便维护。
此外,您可能还认识其他人,因此请随意回答并分享您的信息;我会尝试将它们添加到本系列的下一篇文章中!
1️⃣ React 测试库
它是一个轻量级的测试库,可以非常轻松地测试 React 组件。此外,它还提供了一个简单直观的 API 来测试它们,使测试过程更加轻松!
它旨在与 Jest(一种流行的 React 测试框架)一起使用。
与往常一样,这里有一个使用它的代码示例(不用担心,示例之后,您会得到一个项目链接,因此您可以深入检查它):
🔗官方网站
2️⃣ React Hook Form
这个库很酷。它能让你轻松处理 React 中的表单状态。
基本上,它提供了一个简单的 API 来处理表单状态和验证,并且它是使用 React hooks构建的。
另一个优点是它体积小,效率高!(它也适用于 React Native)
🔗官方网站
3️⃣ React 滚动
正如你所料,这个库用于滚动。基本上,它有助于在 React 应用中实现平滑滚动。它提供了简单的 API(但有很多可选设置),并且轻量级。
🔗官方网站
4️⃣ React 过渡小组
这个是用来实现动画的。嗯,不是所有类型的动画(至于动画,我建议你看看 Framer Motion),而是过渡动画。
如果您需要快速简便的动画,我建议您检查这个。
🔗官方网站
5️⃣ React 延迟加载图像组件
好吧,这个已经在标题中说明了它的作用,但是是的,它有助于在你的 React 应用程序中实现图像的延迟加载。
您可能知道,它可以通过仅在需要时加载图像来帮助提高您网站的性能。快速又简单。
🔗官方网站
6️⃣ React 轻松编辑
现在我们有一个库,您将在极少数特定情况下使用它,但是,了解它总是好的!
它是一个在 React 中实现内联编辑的库。它非常容易使用。
🔗官方网站
7️⃣ React Beautiful Dnd
这个库不算小,而且很受欢迎,但是……我真的很想添加它。我知道市面上有很多“拖放”库,但这个真的很容易用;它美观且可自定义。哦,对了,它是由 Atlassian 开发的(Trello 和 Jira 的开发者,这两个应用都使用了这个库)。
没有代码示例,因为最好在这里检查所有示例。
🔗官方网站
好了,文章就到这里。虽然很短,但我希望它能对你有所帮助,并且至少能让你发现一个精彩的图书馆。我非常喜欢这个系列;我很快会继续发布更多内容,所以……如果你喜欢的话,一定要关注!
如果您知道其他类似的小型图书馆,请在这里分享,以便我可以测试并将它们添加到下一篇文章中!
🌎 让我们联系起来!
- 我的推特:@thenaubit
- 我的 Substack(我在这里发布更多深入的文章)