《React源码解析》系列完结！

前言

距离第一篇《React源码解析(一)》已通过去将近4个月的时间，因为是我第一次进行源码解析相关的写做，思路和文笔还不够成熟。一百多天以来，我基于读者反馈反思这几篇文章中的不足，同时也在不断学习借鉴其余优秀做者的写做方法和写做思路。最终总结出对于本身的源码写做来讲，须要改进的几点：

问题

1.示例代码太多

这多是源码解析写做的通病吧。其实大多数人从vue和react这样框架的生命周期API就能够大体猜出内部流程是什么，示例代码太多反而会产生枯燥感，并且部分示例代码又长又臭，甚至不得不加上大段的注释，严重下降了阅读体验。

2.解析流水帐

既然代码是给计算机看的流水帐，那解析就不能再是给人看的流水帐。对于源码解析来讲，最大的误区是去弄懂每一行甚至每个变量的意义，而这最终会致使事倍功半。因此源码解析应以高屋建瓴的意识去写做，而不是钻牛角尖，或者像和尚念经同样干干巴巴，逐字逐句地阐述。

3.缺少提炼

咱们初高中上语文课的时候，总会被问到这篇文章的中心思想是什么。一样，写完源码解析和读完源码解析，做者和读者收获了什么？不少源码解析文章并无告诉咱们，读者读无缺像明白了点什么又好像没明白，一脸茫然。

针对以上三个问题，结合已有的《React源码解析》系列，我作出了以下改进：

改进

1.减小示例代码，尽量使用语言归纳和图形表达

人对图形的接受和理解度远远高于对语言的处理和理解，这也是为何《图解HTTP》等系列书籍畅销全世界的缘由。新的《React源码解析》去掉了许多无用代码和语言描述，改成使用思惟导图或流程图，提高阅读体验，下降理解难度。固然，对于源码中重要的段落依然须要展现。

2.美化文章排版

在进行必要的代码示例时，若是代码较长，那么不管使用掘金编辑器仍是代码截图，最后实际的阅读体验并很差，尤为在手机上时这一点更为明显。新的《React源码解析》将采用carbon展现代码。

3.思想提炼

阅读源码的最终做用并非为了再造一个vue/react，而是借鉴其中的思想和方法，应用到实际业务中去，最终提高咱们编程的能力。新的《React源码解析》将在每一篇文章的结尾阐述是什么和为何，使读者读完有所收获，不会似懂非懂甚至白白浪费宝贵的时间。

3.总结

新的《React源码解析》依旧分为四篇(基于v15)，分别阐述React中重要的概念，目录以下：

• 《React源码解析(一):组件的实现与挂载》
• 《React源码解析(二):组件的类型与生命周期》
• 《React源码解析(三):详解事务与队列》
• 《React源码解析(四):事件系统》

思惟导图以下图(在mac下查看效果最好)：

四篇文章对导图的每一个部分都作了详细的说明。若有欠妥之处，欢迎读者朋友们不吝指正和讨论，共同窗习进步。

联系邮箱：ssssyoki@foxmail.com