如果你和我一样，喜欢在 NPM 目录中寻找小宝石来提高开发效率，那么今天就是你的幸运日。
我正在开始一系列的文章，将展示我发现并每天使用的一些小而不知名的库，这些库将为你节省不止一个头疼。
所以，让我们开始吧！
1. Urlcat
Urlcat 是一个小巧的 JavaScript 库，可以非常方便地构建 URL 并防止常见错误。
是的，你可以使用 URL API 来构建 URL。但是，你仍然需要自己处理一些细节，而不是只构建 URL。
这就是我喜欢这个库的原因。它是“即插即用”的。你不需要学习复杂的模式或花费几个小时阅读文档。
所以，随意尝试一下：https://github.com/balazsbotond/urlcat。
2. UseHooks-ts
如果你是 React 开发人员，你正在使用 hooks（希望如此）。如果是这样，你可能会为非常小的事情创建自定义 hook 很多次。例如，处理暗黑模式。或者处理窗口大小调整事件。或者许多其他情况。
UseHooks 是一个小型库，提供了经过良好编码、文档完善、并且完全针对 Typescript 用户进行类型定义的钩子，用于处理所有这些小情况，以便你可以专注于项目本身。
你可以在这里查看它：https://github.com/juliencrn/usehooks-ts。
3. Logt
我喜欢在任何地方记录日志，因此当有些需求需要知道正在发生什么时，我可以查看它们。
当我编写前端代码时，我也想要这些日志。但是有一些要求：
- 必须是完全类型化的（因此我可以在 Typescript 中使用它而无需任何麻烦）
- 必须很小
- 必须具有彩色标签（以便我快速了解日志类型）
- 必须具有日志级别
- 必须具有某种方式根据条件隐藏某些日志（例如，如果它是生产构建还是非生产构建）
- 必须能够将这些日志发送到其他地方（例如，发送到 Sentry）
经过长时间的研究（并且几乎开始编写自己的代码），我找到了 Logt，它满足了我所有的要求，还有更多。
强烈推荐！https://github.com/sidhantpanda/logt
4. Loadable Components
如果你正在尝试优化你的 React 应用程序，你可能正在使用 React.lazy 和 Suspense 来延迟加载组件。
那很好。
但是还有更好的方法！例如，这个库。显然，在本文中，我无法完全解释为什么你应该从 React.lazy 切换到这个库，但是可以查看作者的这篇文章。
基本上，一些关键的东西是它支持 SSR（服务器端渲染）、库拆分，甚至是完全动态导入。不错，对吧？
最好的事情是，它真的很容易使用。几乎是即插即用。所以，尝试一下吧！https://github.com/gregberge/loadable-components
5. Emoji Mart
当在不同的项目上工作时，我总是需要处理表情符号。现在它是无处不在的东西。我通常需要在项目中添加一些表情符号选择器组件。
那并不复杂。但是然后你开始收到更多的要求：它必须懒加载表情符号，它必须支持国际化，它必须允许搜索，它必须允许使用与 Slack 相同的查询文本…
而那需要时间。我可以做到。但是客户通常更希望我专注于项目本身。所以…我发现了这个小库。一个漂亮而有用的库。
让我给你展示一下，Emoji Mart！https://github.com/missive/emoji-mart
评论(0)