由于React生态系统变化如此之快，因此很难跟踪发生的一切。每天都有新的图书馆出现。您很有可能会错过一些非常棒的库。这就是我写这篇文章向您介绍这些React库的原因。希望这些图书馆能为您完成一些繁重的工作，让您的生活更轻松！1.ReactLazyload当大多数开发者想到延迟加载时，他们通常会想到图像。延迟加载可以显着提高应用程序的性能。ReactLazyload库不仅可以很好地延迟加载图像，还可以很好地延迟加载任何影响性能的东西——例如，组件。该库提供了许多选项来更改图像和组件的加载方式。这个库在GitHub上有5K星，是非常流行的延迟加载选择。2.ReactResponsiveReactResponsive库提供了一种在React中包含媒体查询的便捷方式。该库提供了一个挂钩和一个可以使用的组件——分别是useMediaQuery挂钩和MediaQuery组件。该库允许您为您的应用程序创建可以轻松重用的特定断点。请参阅文档中的以下示例：此库在大多数现代浏览器上开箱即用。如果你想支持旧的浏览器版本，你需要添加兼容性脚本（polyfills）。ReactResponsive在GitHub上有超过5K星，如果你想为你的应用程序添加响应式设计，你真的应该试试这个库！3.ReactBeautifulDnDReactBeautifulDnD(draganddrop,拖放)库是由Jira的开发商AtlassianCreated开发的。该库在GitHub上拥有超过22,000颗星，是该类别中最受欢迎的库。这个库不仅支持垂直和水平的列表移动，还允许你在列表之间拖放列表项。这个库的功能列表几乎是无穷无尽的：它包括有条件的拖放，还支持鼠标、键盘和触摸屏。这是迄今为止拖放空间中最完整的库。4.StyledComponentsStyledComponents库是该类别中最受欢迎的库，在GitHub上拥有超过32,000颗星。这个库允许你在React组件中使用纯CSS来设计你的组件。该库的优点之一是它可以为您的样式生成唯一的类名。这样你就永远不需要担心重复、重叠或拼写错误的类名。此外，创建动态样式非常容易。使用这个库，不再需要在文件之间切换，因为您在组件内部管理样式。下面是一个小例子，演示了创建自己的样式组件是多么容易：5.ReactSelect开箱即用，标准HTML选择框的选项太有限而不是用户友好的。ReactSelect库解决了标准HTMLselect带来的所有问题。无论您是在寻找单选列表还是多选列表，这个库都能满足您的需求！我在自己的项目中经常使用这个库。该库不仅允许您搜索列表项，还允许您动态添加选项。这个库的另一个优点是它的可定制性。您可以完全更改选择框的样式，或者如果您不喜欢开箱即用的组件的工作方式，则可以自定义整个组件。这使得ReactSelect库成为我React选择框的第一选择。6.ReactHelmetReactHelmet库是迄今为止最好的用于修改网站头部元素的库。这个库如此出色的原因之一是它对于经验不足的React开发人员来说也很容易访问。这个库支持所有合法的头标签——从标题标签到元标签。其中一个很酷的功能是您可以覆盖嵌套组件中重复的头部更改。此外，ReactHelmet还支持服务端渲染。在您的应用程序中集成ReactHelmet非常简单：7.ReactTooltip如果您需要在React应用程序中使用工具提示，请务必查看ReactTooltip库。它包含一系列选项，允许您更改工具提示的行为和样式。React工具提示允许在工具提示上显示纯文本和原始HTML。请注意，应清理HTML。这个库有一些挂钩，例如afterShow和afterHide挂钩，它们允许您自定义工具提示的行为。该库中有超过25个选项，几乎不可能不满足您的需求。这个库在GitHub上有超过2K星。8.ReactMarkdown最后介绍的库是ReactMarkdown。这个库在GitHub上有6.5Kstars，绝对是一个非常受欢迎的库。这个库和其他库的区别之一是其他库通常依赖dangerouslySetInnerHTML或者在处理markdown时有问题。您可以通过添加插件来扩展ReactMarkdown的功能。例如，您可以使用提供表格、待办事项列表、删除线和URL功能的插件。ReactMarkdown好用：原文链接：https://levelup.gitconnected.com/8-react-libraries-that-id-like-to-introduce-to-you-3802770b3952?fileGuid=WyJVpt6kyxkHYKDP
