十個(gè)yyds的Vue、React源碼解析開源項(xiàng)目！
大家好，我是 CUGGZ。
為什么要閱讀源碼？閱讀優(yōu)秀的代碼的目的是讓我們能夠?qū)懗鰞?yōu)秀的代碼，更好的理解框架的工作方式。下面就來分享 5 個(gè) Vue 源碼解析開源項(xiàng)目、5 個(gè) React 源碼解析開源項(xiàng)目！
Vue3 源碼系列
Vue 中文社區(qū)提供的 Vue3 源碼解析系列文章。
在線閱讀：https://vue3js.cn/start/。
Vue3 源碼解釋
Vue3源碼解釋，提供了詳細(xì)的測(cè)試用例和流程圖。
在線閱讀：https://kingbultsea.github.io/vue3-analysis/book/index.html。
圖解 Vue、Vue-Router、Vuex 源碼
提供了多張思維導(dǎo)圖輔助你深入了解 Vue | Vue-Router | Vuex 源碼架構(gòu)。
在線閱讀：https://github.com/biaochenxuying/vue-family-mindmap。
Vue.js 技術(shù)揭秘
該電子書的目標(biāo)是全方位細(xì)致深度解析 Vue.js 的實(shí)現(xiàn)原理，分析的版本為 Vue.js 2.5.17-beta.0。
在線閱讀：https://ustbhuangyi.github.io/vue-analysis/。
Vue源碼逐行注釋分析
Vue 源碼逐行注釋分析，提供了40MB+ 的 Vue 源碼程序流程圖思維導(dǎo)圖。
Github：https://github.com/qq281113270/vue。
React 技術(shù)揭秘
《React技術(shù)揭秘》電子書的宗旨是打造一本嚴(yán)謹(jǐn)、易懂的 React 源碼分析教程。內(nèi)容不預(yù)設(shè)觀點(diǎn)，所有觀點(diǎn)來自React核心團(tuán)隊(duì)成員在公開場(chǎng)合的分享，其通過了豐富的參考資料，包括在線Demo、文章、視頻。
在線閱讀：https://react.iamkasong.com/。
React的秘密
本項(xiàng)目是作者在閱讀React源碼過程中搭建的調(diào)試環(huán)境，學(xué)習(xí)過程中對(duì)源碼添加了較為詳細(xì)的注釋，并記錄了一些自己的理解與思考，輸出了十幾篇文章。
在線閱讀：https://segmentfault.com/blog/react-secret?_ea=103006355。
圖解React源碼
圖解React源碼，用大量配圖的方式, 致力于將 React 原理表述清楚。
在線閱讀：https://7kms.github.io/react-illustration-series/。
React源碼分析
對(duì) React 相關(guān)代碼庫(kù)以及框架的源碼進(jìn)行了一定的分析，并總結(jié)了一張?jiān)敿?xì)的流程圖。
在線閱讀：https://buptlhuanyu.github.io/ReactNote/。
React源碼系列
手寫React、react-dom、react reconciler主流程源碼，加深對(duì)react源碼的理解。包括fiber，合成事件，hooks實(shí)現(xiàn)原理，dom diff，reconciliation，scheduler等。
Github：https://github.com/lizuncong/mini-react。
