Drcus | 王亚振

Drcus | 王亚振

随便写,记录点东西

如何看开源项目的源码

发布于:  

讨论一下大家都是如何来看前端库的源码的

  1. 拿到一个开源项目, 先从 release 入手, check out 到最初的版本
  2. 找到能看得懂的版本后, 开始阅读, 其实本质上是从最核心的代码开始读
  3. 逐步向后面的版本阅读, 可以用 git 的 diff 工具, 对比每次变更, 以及官方的更新说明
  4. 然后有了一定量的输入后, 尝试自己造轮子, 这一步完成后才能代表知识是你的了
  • 以 reduxjs/redux 为例。

    • 看源码之前可以先看官网文档,先要会用,再去弄懂 why
    • 用的过程中把有疑问的点记下来,带着问题去看源码会更有目的性
    • 看源码我通常会对照着用例来看,这样能搞懂各种用法以及边界条件,用例看完通常才会知道源码里的每个分支为什么那么处理,比如 applyMiddleware.js 和 applyMiddleware.spec.js
    • 先看package.json开始
    • 看 scripts 部分,可以了解一个库是如何组织的,比如文档实现,用例怎么写和用什么跑,eslint 和 prettier 怎么配合使用,打包逻辑,example 的组织等
    • 看 dependencies 和 devDependencies 部分,看看有没有什么依赖库是我不知道的,记下来,下次自己也可以用

参考地址

厚颜一下 ~^_^~

赏赐