16.2的原始碼相較與16.4的原始碼生命週期還未改變，但是fiber架構已經實現。本原始碼解析主要是為了弄懂react的渲染流程和執行機制。
斷點除錯
看原始碼並console.log
react16.2原始碼解析-fiber架構
react16.2原始碼解析-頁面渲染流程
react16.2原始碼解析-事件繫結機制
react16.2原始碼解析-批量更新優化
react16.2原始碼解析-reconciliation
react16.2原始碼解析-diffproperties演算法
react16.2原始碼解析-檢視改變
react16.4原始碼解析-生命週期（未完成）
大概理解了react的工作機制，如何減少dom操作
第一次寫解析，有錯誤希望指正，有興趣研究原始碼的可以一起討論。謝謝
React原始碼解析
距離第一篇 react原始碼解析 一 已經過去將近4個月的時間，由於是我第一次進行原始碼解析相關的寫作，思路和文筆還不夠成熟。一百多天以來，我基於讀者反饋反思這幾篇文章中的不足，同時也在不斷學習借鑑其他優秀作者的寫作方法和寫作思路。最終總結出對於自己的原始碼寫作來說，需要改進的幾點 1.示例 太多 ...
React原始碼解析 四 react ref
平時我們可能會有這樣的需求，就是需要獲取某個dom節點或者子元件的例項來更新，而並不是只是通過props等來更新dom節點或者元件。如果沒有乙個好的方法我們可能自己去獲取節點 例 queryselector等 或者去繫結事件來進行一些操作，而且自己還要去管理獲取的一些相關的東西，這樣可能會不方便。那...
react 原始碼defaultProps實現
首先我們回顧一下 defaultprops 的用法import react from react render name hello react 這樣我們就可以得到乙個渲染出hello react的介面啦。此時的關鍵，在於需要理解 reactdom.render 實際執行了什麼方法。經過斷點除錯，我...