极客时间对于推广渠道会有返利优惠，比如山月在极客时间买了一门课，再把课程分享给好友购买，这时极客时间会向山月返利20元左右。

而我现在做了一个返利平台，你可以在上边通过山月的链接购买课程，此时极客时间会向我返利。为了共同学习，而你可以添加我的微信 (shanyue94)，我将把极客时间给我的返利发一个红包全部返给你。

# 如何快速找到一个合适的 npm 库

由于业务需求，我需要一个 React 的弹框组件，我应如何快速选择一个合适的 npm 库？

# 一、搜索

在错误的网址进行搜索，事倍功半:

在正确的网址进行搜索，事半功倍:

不要使用错误冗长的关键词搜索: ~~我需要一个 React 的弹框组件~~。

请使用正确的关键词进行搜索: react modal。

如果不出所料，这里可以选出一个或多个比较合适的第三方库。那对于一个选择困难症，如何从中挑选一个更好的库呢？

你有没有参与或主导过业务技术选型，你们是如何考虑技术选型的呢？

这是工作了三五年的前端出去面试时经常会碰到的问题。

答：使用最流行的技术方案。最流行的技术方案往往拥有更丰富的生态与更多的从业人员，既方便找轮子，又好招人。

最流行的技术方案指的是 挑选下载量最高的库，而非 Star 最高的库。当然这句话有些太绝对，但适用于大部分场景。

vue 与 react 的下载量对比

当两个对比的库，下载量及 Github Star 达到一个数量级以上，生态与招聘已不成问题(vue 与 react)，或者两个库的流行度起鼓相当。

此时，再考虑几个关键要素: PQM

在这里，山月推荐一个选型必备网站: npm trends (opens new window)，它可以很直白地把这些指标放在一起进行对比，并且能够推荐与该 Package 所有相似的包。

npm trend

如果再推荐一个网站的话，可以在 NPM DEVTOOL (opens new window) 中查看各种各样的 Badget。

NPM DEVTOOL

要多看文档！

那文档在什么地方了？

其次，某个 package 的官网、Github 信息都会在 package.json 中声明

{
  "homepage": "https://lodash.com/",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/lodash/lodash.git"
  }
}

接下来再送几个小技巧

# 快速找到并打开 react 的文档
$ npm docs react

# 快速找到并打开 react 的仓库
$ npm repo react

看完文档就进入了实操阶段，可按照以下步骤学会使用该库，用以观察 API 是否好用，是否有强大的功能，是否能够满足工作需求。

文档中的示例: 如 lodash (opens new window)及一众较小体积的库
仓库中的示例: 如 redux (opens new window)、nextjs (opens new window) 与 koa (opens new window)
仓库中的测试: 适用于一些边界的示例

为了某一个待调研的库，在本地新建一次性文件进行学习是一件不推荐的事情，以下三个工具帮你搞定所有的试验性调研

# 快速找到并打开 react 的仓库
$ npm repo react

最后，文档中的特性及边界条件列举不是特别详尽。更进一步，把代码下载到本地，去运行、去测试、去调试。

在这个过程中，说不定你还能发现项目中的问题，并成为该项目的 Contributor 了。在简历中，又是光鲜亮丽的一笔。

我的项目：

我的微信：shanyue94，欢迎交流