阿姨，React源码好难懂，我不想努力了
应届生小A：在学校用React + antd做过后台办理体系，了解React技能栈。
两年前端小B：公司技能栈是React，都用了一年了，我React贼六。
五年前端老C：带团队把公o _ (司的粪坑项目用React重构了。React对我来说就跟呼吸一样: – { 8 y ~ 8 L简单。
小A、小B、老C：要不学学React源码M A v d E Y吧。
……
%……&（&……% ，怎样这么难懂，阿姨，我不想尽力了。
明t ` e ] 4确学M P ^ _ h Z习意图
考虑下，你的学习意图是：
-
真的想学
React源码。 -
只想了解
React的大体作业流程，了解一些经常被大佬们提起的名词（比方Diff算法、Fiber架构、时间切片），好和面试官吹水。
如果是2，向你推荐一篇mini教程build-your-own-react，包教包会，谁用谁知道。一起你可以封闭这M ] +篇文章了。
如果是1，那咱们接着往下看e l [ l | ] #。
源码为什么难懂
你决议首要看看x x 5 4 w源码的目录
满怀信心的翻开faZ / ` rcebook/react库房下的packages目录，印入眼帘的是一屏翻不完的20+文件夹。
你听说React的首要调度逻辑在react-reconciler目录下，你轻点鼠标，印入眼帘的大概有80+文p 3 v ^ ] S ` 5 Y件。
怎R D L样这么多，阿姨，我不想尽力了。
你听别人说看源码要从第一个commit看起
你翻页翻断了手指，总算找到13年的commit。
这和现在的React（v16.13.1）差了10w个3 1 J V b j W v版别，早就重构三轮了。
怎样改变这么快，阿姨，我不想尽力了。
你决议从w / W d B 3 r a #ReactDOM.render$ ? $ U开始debug
一切React应用都是通过ReZ M `actDOM.r. A yender创建的，那么I t D h % n从进口一直debug到L Q – = s页面更新不便是整个流程了么。
你一步一步向下调试，一分钟过去Z H D z b了，流程还A H = ^ #没走完。你发现流程里有许多异步调用，连debug到哪了都不知道。
怎样这么杂乱，阿姨，我不想尽力了。
你决议找现C s _ i成的教学
先搜搜免费的，一搜搜出一大堆。怎样一来便是贴大段大段代f ` i D ! Z 0码。q R ` a我便是不明J ! l S ~ q ) *白React是怎么履行的，你上来就给我贴React内履行部的代码？
再搜搜收费的，嗯，几百大洋，为了学源码7 p L 4，我忍。可是为什么讲的代码和当时React版别G , s E 0 ! o差这么多啊？
怎样这么难，阿姨，我不想尽力了。
其实，形成大家不想尽力的原因可以归结为两点：
-
身份难转化
结构使用者和结构开发者视角完全R J & 9 p #不同。
结构使用者u ^ 2 + [ = f *首要重视业务完成，而结构开发者需要重视结构的规划理念怎么执行。
问问自己x # H R Y , e，React的规划理念是什么，你知道么。
-
许多功用堆砌在流程中无法别离
即使你只想重视某个功用点（比方ReactDOM.render怎么烘托页面）。但许多功用完成的代码也是耦合在这个流程中的，调试时很简单堕入源码的汪洋大海。
源码该怎样懂
咱们来别离看看两个难点怎么处理。
-
身份难M 6 v * / _ K 7 .转化
让咱们站在结构开发者角度看看React的规划理念：
React 是用 JavaScript 构建快速呼应的大型 Web 应用程序的首选方式。
那么什么样的架构才干支撑“快速呼应”呢？什么样的代码才干完成这套架构呢？
发现了么，从“理念”到“代码”，有三层笼统递减的过程。
笼统下降 笼统下降
规划理念 -------> 结构架构 ------->H y z P ` 3 2 代码完成
这便是为什么网上许多讲Rea5 d - b o !ct 代码完成的教学让人难以了解的原因 —— 你底子不明白这些代码背面完成的意义。
所以你需要从“理念”出发，了解了架构是怎么规划的，才干懂代码为什么这么写。
-
许多功用堆砌在流程中无法别离
如果有一本解说源码的书，每次只重视一个功用的完成（比方useState怎么更新DOM，Diff算法怎么履行）l k 0 ? 2 l H #，一起没有大段大段的源码演示。每个功用再供给一个在线Demo让我自己能调试一下这个功用完成的流程。
那想必是极{ ` N好的。
能一起满意1和2的教学有么？
有，这便是React技能揭* & p Q秘
免费么？开源的，只求一个star。Gith/ ` ) ] k Hub地址
本书的宗旨是打造一本L Y } p e P 4 J谨慎、易懂的React源码剖析教程。
为了达到这个目标，在行文上，本书会遵循：
-
不预设观念 —— 一切观念来自React核心团队成员在公开s % _ [ ;场合宣布的内容。
-
丰厚的辅助材料 —— 包含在线Demo、文章视频。
-
代码剪枝 —— 解说流程时只重视流程相关的代码，省略额外功用的干扰。C o * K
-
保持更新 —— 在React版别更新后会及时弥补。当时版别v16.132 , K 3.1开发版
阿姨，我还能再尽力一把！！！
欢_ D j O迎加我微信u 1 o g ，拉你进 React源码学1 ] X }习群。
