剖析React內部運行機制

看過不少人寫的關於分析React原理或者源碼的文章，因爲每一個做者思考問題的方式不一樣，這些文章的側重點也不盡相同。不管文章是以何種組織方式呈現出來，它們的共同目的就是讓讀者儘量多的從中收穫一些「東西」。在技術領域，不一樣的工做經驗和不一樣的學習思惟方式都會產生技術水平良莠不齊的讀者羣體。那麼，一篇技術文章的內容如何讓擁有初級技術水平的讀者可以輕鬆的去消化，給擁有高級技術水平的讀者帶來設計理念上的靈感或者思想上面的昇華是我一直在思索的問題。

這次寫的關於剖析React內部運行機制系列文章將聽從按部就班的原則，從最基礎的JavaScript api到React設計理念，不管是咱們最熟悉的JavaScript某個函數仍是React解決問題的思想，都將會盡量詳細的在文章中體現出來。這些文章一方面是我這段時間在React原理方面的學習總結，另外一方面但願它們可以幫助到有須要的同窗們。

剖析React內部運行機制系列文章中所涉及到的資源以及目錄結構以下。

React版本

"react": "^16.8.6",
"react-dom": "^16.8.6"
複製代碼

文章目錄

• 剖析React內部運行機制-源碼結構
• 剖析React內部運行機制-「授人以漁」
• 剖析React內部運行機制-理解「組件」 更新中 ···
• 剖析React內部運行機制-重溫DOM
• 剖析React內部運行機制-「譯」React組件、元素和實例
• 剖析React內部運行機制-「譯」React Fiber 架構
• 剖析React內部運行機制-結合源碼分析「協調算法」執行過程
• 剖析React內部運行機制-「渲染」體系 排隊中 ···
• 剖析React內部運行機制-「更新」體系 排隊中 ···
• 剖析React內部運行機制-「事件」體系 排隊中 ···