值得推荐的8个React库

作者

Daan译者

张健欣策划

田晓旭作为一名开发人员,知道哪些库可以用来助你一臂之力是非常重要的。

由于React生态系统变化得如此之快,跟进发生的一切事情是非常困难的。每天都会冒出新的库。你很有可能会错过一些非常棒的库。这就是为什么我要撰写本文,想将这些React库介绍给你。希望这些库能为你做一些繁重的工作,让你的生活更轻松一点!

1.ReactLazyload

当大多数开发人员想到懒加载时,他们通常想到图片。懒加载可以显著提高你的应用程序的性能。ReactLazyload库不仅在懒加载图片方面做的很好,而且在任何影响性能的方面也做的很好——例如,组件。

这个库提供了许多选项来更改你的图片和组件的加载方式。这个库在GitHub上有5K个星星,是懒加载方面非常流行的一个选择。

2.ReactResponsive

ReactResponsive库提供了一种方便的方法来在React中包含媒体查询。这个库同时提供了一个可以使用的钩子和一个组件——分别是useMediaQuery钩子和MediaQuery组件。

这个库允许你为你的应用程序创建可以轻松重用的特定断点。请看文档中的以下示例:

这个库可以在大多数现代浏览器上开箱即用。如果你想要支持比较老的浏览器版本,你需要添加兼容脚本(polyfills)。ReactResponsive在GitHub上有5K多星星,如果你想要给你的应用程序添加响应式设计,你真应该试试这个库!

3.ReactBeautifulDnD

ReactBeautifulDnD(draganddrop,拖放)库是由Atlassian创建的,即Jira的开发商。这个库在GitHub上有22K多星星,是这个类目中最流行的库。

这个库不仅支持纵向和横向列表移动,还允许你在列表之间拖放列表项。这个库的特性清单几乎是无穷无尽的:它包括有条件的拖放,还支持鼠标、键盘和触摸屏。这是拖放领域目前为止最完善的库。

4.StyledComponents

StyledComponents库是这个类目中最流行的库,GitHub上有超过32K的星星。这个库允许你在React组件中使用纯CSS设置你的组件样式。

这个库的优势之一是,它为你的样式生成唯一的类名。这样你就永远不需要担心类名重复、重叠或者拼写错误。除此之外,它还非常容易来创建动态样式。使用这个库,就再也不需要在文件之间切换,因为你在你的组件内部管理你的样式。

下面是一个小例子,演示了创建你自己的样式化组件是多么简单:

5.ReactSelect

开箱即用,标准的HTML选择框的选项太局限,对用户并不友好。ReactSelect库解决了所有标准HTMLselect带来的问题。无论你是在寻找一个单选列表还是多选列表,这个库都能满足你!

我在自己的项目中经常使用这个库。这个库不仅允许你搜索列表项,还允许你动态添加选项。这个库另外非常棒的一点是它的可定制性。你可以彻底更改选择框的样式,也可以定制整个组件,如果你不喜欢开箱即用的组件的工作方式的话。

这使得ReactSelect库成为我的React选择框中的头号选择。

6.ReactHelmet

ReactHelmet库是目前为止你所得到的在修改网站head元素方面最好的库。这个库这么棒的原因之一是它对于经验较少的React开发者也非常容易理解。

这个库支持所有合法head标签——从title标签到meta标签。其中一个非常棒的功能是,你可以覆盖嵌套组件中的重复的head更改。除此之外,ReactHelmet还支持服务端渲染。

在你的应用程序中集成ReactHelmet就是如此简单:

7.ReactTooltip

如果你在React应用中需要工具提示,那么一定要看看ReactTooltip库。它包含一系列选项,允许你更改你的工具提示的行为方式和样式。

Reacttooltip允许在工具提示上显示纯文本和原始HTML。注意,HTML应该进行(sanitized)安全处理。这个库有一些钩子,例如afterShow和afterHide钩子,允许你自定义工具提示的行为。

这个库有超过25个选项,几乎不可能满足不了你的需求。这个库在GitHub上有2K多一点星星。

8.ReactMarkdown

最后介绍的库是ReactMarkdown。这个库在GitHub上有6.5K星星,这绝对是一个非常受欢迎的库。这个库与其它库的区别之一是,其它库通常依赖dangerouslySetInnerHTML或者在处理markdown时有问题。

你可以通过添加插件来扩展ReactMarkdown的功能。例如,你可以使用提供表格、任务清单、删除线和URL功能的插件。

ReactMarkdown就是这么方便使用:

作者介绍

Daan来自Netherlands的后端开发者,加密爱好者。

原文链接




转载请注明:http://www.aierlanlan.com/rzdk/179.html