大家好，我是你們的 貓哥，那個不喜歡吃魚、又不喜歡喵 的超級貓 ~

just-react

這本書的宗旨是打造一本嚴謹、易懂的 React 源碼分析教程。

為了達到這個目標，在行文上，本書會遵循：

不預設觀點 —— 所有觀點來自 React 核心團隊成員在公開場合的分享。

豐富的參考資料 —— 包括在線 Demo、文章、視頻。

保持更新 —— 在 React 版本更新后會及時補充。當前版本 v17.0.0-alpha。

章節列表

理念篇

第一章 React理念

? React理念

? 老的React架構

? 新的React架構

? Fiber架構的心智模型

? Fiber架構的實現原理

? Fiber架構的工作原理

? 總結

第二章 前置知識

? 源碼的文件結構

? 調試源碼

? 深入理解JSX

架構篇

第三章 render 階段

? 流程概覽

? beginWork

? completeWork

第四章 commit 階段

? 流程概覽

? before mutation階段

? mutation階段

? layout階段

實現篇

第五章 Diff 算法

? 概覽

? 單節點Diff

? 多節點Diff

第六章 狀態更新

? 流程概覽

? 心智模型

? Update

? 深入理解優先級

? ReactDOM.render

? this.setState

第七章 Hooks

? Hooks理念

? 極簡Hooks實現

? Hooks數據結構

? useState與useReducer

? useEffect

? useRef

? useMemo與useCallback

第八章 Concurrent Mode

? 概覽

? Scheduler的原理與實現

? lane模型

???? 異步可中斷更新

???? 高優任務打斷機制

???? batchedUpdates

???? Suspense

https://github.com/BetaSu/just-react

最后

初級前端與高級前端之間，很多時候并不是懂的知識點有多難的差別，很大原因就是投入學習前端的時間、經驗的差別，其實就是信息差。

如果有一個地方能又快又好的獲得這些優質的前端信息，那么將會大大縮短從初級到高級的時間。

前端GitHub 就是這樣一個倉庫，能幫助前端開發人員節省時間的倉庫！

公眾號：前端GitHub，專注于挖掘優秀的前端開源項目，抹平你的前端信息不對稱。

關于貓哥，大家可以看看我的年終總結 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬。

不知不覺，已經寫到第 30?期了呢，往期精文請看下方寶藏倉庫，請慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

• Ｂ站收藏 12.5w+！GitHub 標星 6.6k+！這門神課拯救了我薄弱的計算機基礎

• Vue3 的學習教程匯總、源碼解釋項目、支持的 UI 組件庫、優質實戰項目

• 程序員必備的 10 大 GitHub 倉庫，前端占了 7 個！

微信搜 “前端GitHub”，回復 “電子書” 即可以獲得 160 本前端精華書籍哦，貓哥 WX：CB834301747 。

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的推荐一个 React 技术揭秘的项目，自顶向下的 React 源码分析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。