由于生态系统变化如此之快，因此很难跟踪正在发生的一切。每天都有新的库出现。您很可能会错过一些非常棒的库。这就是我写这篇文章来向您介绍这些库的原因。希望这些库能为您完成一些繁重的工作，让您的生活更轻松一些！

1.

当大多数开发人员想到延迟加载时，他们通常会想到图片。延迟加载可以显著提高应用程序的性能。 该库不仅在延迟加载图像方面做得很好，而且在影响性能的任何因素（例如组件）方面也做得很好。

此库提供了许多选项来更改图像和组件的加载方式。这个库有 5K 星 ，使其成为延迟加载时非常受欢迎的选择。

阿拉伯数字。

该库提供了一种在 中包含媒体查询的便捷方法。该库提供了一个 hook 和一个可以使用的组件 - 和 。

此库允许您为应用程序创建可轻松重用的特定断点。请查看文档中的以下示例：

这个库在大多数现代浏览器上都是开箱即用的。如果要支持较旧的浏览器版本，则需要添加兼容的脚本 （）。 开启 5K 后，如果您想为您的应用程序添加响应式设计，您真的应该尝试这个库！

3. DnD

DnD（拖放）库由 Jira 的开发人员创建。此库有 22K 多星，使其成为此类别中最受欢迎的库。

此库不仅支持垂直和水平列表移动，还允许您在列表之间拖放列表项。这个库的功能列表几乎是无穷无尽的：它包括条件拖放，还支持鼠标、键盘和触摸屏。这是迄今为止拖放空间中最完整的库。

4.

该库是该类别中最受欢迎的库，拥有超过 32K 颗星。此库允许您在组件中使用纯 CSS 设置组件样式。

此库的优点之一是它为您的样式生成唯一的类名。这样，您就永远不必担心类名的重复、重叠或拼写错误。除此之外，创建动态样式也非常容易。使用此库，您不再需要在文件之间切换，因为您可以在组件中管理您的样式。

下面是一个小示例，说明创建自己的样式化组件是多么容易：

5.

开箱即用，标准 HTML 选择框的选项太有限，对用户不友好。 该库解决了标准 HTML 带来的所有问题。无论您是在寻找单选列表还是多选列表，此库都能满足您的需求！

我在自己的项目中经常使用这个库。此库不仅允许您搜索列表项，还允许您动态添加选项。这个库的另一个优点是它的可定制性。您可以完全更改选择框的样式，或者如果您不喜欢开箱即用组件的工作方式，则可以自定义整个组件。

这使得该库成为我选择框中的第一选择。

6.

该库是迄今为止您在修改网站的 head 元素方面所能获得的最好的。这个库如此出色的原因之一是，对于经验不足的开发人员来说，它很容易理解。

此库支持所有合法的 head 标记 - 从标记到 meta 标记。其中一项很棒的功能是您可以覆盖嵌套组件中重复的 head 更改。此外，还支持服务器端渲染。

集成到您的应用程序中非常简单：

7.

如果您的应用程序中需要工具提示，请务必查看 。它包含一系列选项，允许您更改工具提示的行为和样式。

允许在工具提示上显示纯文本和原始 HTML。请注意，应安全地处理 HTML。此库具有钩子，例如 和 ，允许您自定义工具提示的行为。

这个库中有超过 25 个选项，几乎不可能不满足您的需求。这个库上有更多的星星。

8.

最后一个要介绍的库是 。这个库有 6.5K 星，绝对是一个非常受欢迎的库。此库与其他库之间的区别之一是其他库通常依赖于 TML 或存在处理问题。

您可以通过添加插件来扩展功能。例如，您可以使用提供表格、任务列表、删除线和 URL 功能的插件。

就是这么简单：

原文链接：