(一) createElement

• 文件路径：package/react/src/ReactElement.js
• 分析链接

(二) ReactElement

• 文件路径：package/react/src/ReactElement.js
• 分析链接

(三) PureComponent 和 Component 和 shouldComponentUpdate 和 React.memo

• PureComponent - 源码分掘金文章

(四) ReactDOM.render - 源码分析仓库地址

• reactDOM.render - 源码分掘金文章
• reactDOM.render - 思维导图

(五) js实现单向链表

• js实现单向链表 - 源码

(六) 手写hook调度-useState实现

• 手写hook调度-useState实现 - 源码仓库
• 手写hook调度-useState实现 - 思维导图

React.Children

• 文件路径：package/react/src/React.js
• React.Children对象上面具有处理 this.props.children �的各种方法
• 因为 children 是一个类似数组的结构，并非真正的数组

WorkTag

• 文件路径：packages/react-reconciler/src/ReactWorkTags.js
• WorkTag 用来表示React元素的类型

其他源码

(1) redux 和 react-redux 源码分析 [redux^4.0.5]

• redux源码分析-仓库
• redux源码分析-我的掘金博客

(2) 手写 webpack Compiler 源码 [webpack^4.42.0]

• 手写Compiler源码-仓库
• 手写Compiler源码-我的掘金文章

(3) axios 源码分析 [axios^0.20.0]

• axios源码分析-仓库
• axios源码分析-我的掘金文章
• cancel取消请求的原理，interceptor拦截器的原理 - 两个重点掌握

(4) vue 源码分析 [vue^2.6.12]

• vue源码分析-仓库
• vue源码分析-新建仓库
• vue源码分析-我的掘金文章

(5) vuex 源码分析 [v2.6.10]

• vuex源码分析-我的掘金文章

(6) react 源码分析 [react^17.0.3]

• react源码分析-仓库
• react源码分析-我的掘金文章
• js实现单向链表 - 源码
• 手写hook调度-useState实现 - 源码仓库
• 手写hook调度-useState实现 - 思维导图

(7) a-hooks2.0 源码分析 [a-hooks^2.10.9]

• a-hooks源码分析 - 仓库

(8) a-hooks3.0 源码分析 [a-hooks^2.10.9]

• a-hooks源码分析 - 仓库

(9) koa 源码分析 [koa^2.13.1]

• koa源码分析 - 仓库
• koa源码调试 - 仓库
• 注意分析：( axios拦截器 + redux中间件 + koa中间件 ) 三者的相同点和区别

(10) badJs-report 源码分析

• badJs-report源码分析-仓库

(11) element-ui 源码分析

• element-ui 源码分析-仓库

(12) element-plus 源码分析 [element-plus^2.26]

• element-plus 源码分析-仓库

(13) vant [vant^3.4.5]

• vant3 源码分析-仓库

(14) Diff-virtualDOM

• 手写diff算法-snabbdom

资料

• react调试源码教程1 https://juejin.cn/post/6942687170800910350
• react调试源码教程2 https://zhuanlan.zhihu.com/p/336933386
• reactDOM.render整体流程 https://cloud.tencent.com/developer/article/1843869
• performSyncWorkOnRoot函数源码 https://juejin.cn/post/6844904080695885838#heading-19
• js实现单向链表 https://cloud.tencent.com/developer/article/1619425