开始上手
react 源码的阅读是很久之前的一项计划,读这个源码需要花费大量的时间,我主要是在闲暇时间里去完成的。一边阅读,一边做笔记,然后将笔记整理成文档,看到自己能够有一些内容产出,心里还是蛮高兴的。这份笔记的时间跨度很大,而且笔记也在不断的充实和积累。作为一种学习和积淀的过程,对自己来说也是收益颇丰。
# 说明
在这里我先要说明一些事项,以作为阅读之前的提醒。
事项 | 描述 |
---|---|
React 版本 | 旧版:v16.8.6,新版:17.0.3 |
IDE | VScode |
静态生成器 | VuePress |
源码 Repo | https://github.com/jonsam-ng/ReactSourceCodeAnalyze.git (opens new window) |
笔记源码 Repo | https://github.com/jonsam-ng/fe-source-reading (opens new window) |
笔记地址 | https://source.jonsam.site (opens new window) |
阅读重点 | React 调度、更新的过程,diff 原理,重要的数据结构、hooks 原理等 |
阅读方式 | 运行源码、源码标注、笔记分析总结 |
# 阅读方法
- 运行和调试 React 源码。
git clone https://github.com/jonsam-ng/ReactSourceCodeAnalyze.git
cd source-code-demo
yarn
yarn start
1
2
3
4
2
3
4
- 按照一定的阅读顺序阅读源码,请先阅读基础部分。
# 参考链接
编辑 (opens new window)
上次更新: 2022/04/16, 15:48:02