React16.2源碼解析

導言

16.2的源碼相較與16.4的源碼生命週期還未改變，可是 fiber 架構已經實現。本源碼解析主要是爲了弄懂 React 的渲染流程和執行機制。

方法

1. 斷點調試
2. 看源碼並 console.log

內容

1. React16.2源碼解析-Fiber架構

2. React16.2源碼解析-頁面渲染流程

3. React16.2源碼解析-事件綁定機制

4. React16.2源碼解析-批量更新優化

5. React16.2源碼解析-Reconciliation

6. React16.2源碼解析-diffProperties算法

7. React16.2源碼解析-視圖改變

8. React16.4源碼解析-生命週期（未完成）

總結

大概理解了React的工做機制，如何減小 DOM 操做

寫在最後

第一次寫解析，有錯誤但願指正，有興趣研究源碼的能夠一塊兒討論。謝謝