大家好，我叫CUGGZ。为什么要阅读源代码？阅读好的代码的目的是为了让我们能够写出好的代码，更好地理解框架是如何工作的。分享5个Vue源码分析开源项目和5个React源码分析开源项目！Vue3源码系列Vue3源码解析系列文章由Vue中文社区提供。在线阅读：https://vue3js.cn/start/。Vue3源码讲解Vue3源码讲解提供了详细的测试用例和流程图。在线阅读：https://kingbultsea.github.io/vue3-analysis/book/index.html。图解Vue、Vue-Router、Vuex源码提供多种思维导图，助你理解Vue|Vue路由器|Vuex源码架构。在线阅读：https://github.com/biaochenxuying/vue-family-mindmap。这本电子书的目标是全面详细地分析Vue.js的实现原理。分析的版本是Vue.js2.5.17-beta.0。在线阅读：https://ustbhuangyi.github.io/vue-analysis/。Vue源码逐行注释分析Vue源码逐行注释分析提供40MB+Vue源码程序流程图思维导图。Github：https://github.com/qq281113270/vue。React技术揭秘《React技术揭秘》本电子书旨在打造严谨易懂的React源码解析教程。内容不预设观点，所有观点均来自React核心团队成员在公开场合的分享，其中通过了丰富的参考资料，包括在线演示、文章、视频等。在线阅读：https://react.iamkasong.com/。React的秘密这个项目是作者在阅读React源码的过程中搭建的调试环境。学习过程中，在源码中加入了更详细的注释，记录了自己的一些理解和思考，输出了十几篇文章。在线阅读：https://segmentfault.com/blog/react-secret?_ea=103006355。GraphicalReact源码GraphicalReact源码，使用大量图表，致力于清晰表达React的原理。在线阅读：https://7kms.github.io/react-illustration-series/。React源码分析分析了React相关代码库和框架的源码，总结了一张详细的流程图。在线阅读：https://buptlhuanyu.github.io/ReactNote/。React源码系列手写React、react-dom、reactreconciler主流程源码，加深对react源码的理解。包括fiber、syntheticevents、hooks实现原理、domdiff、reconciliation、scheduler等。Github：https://github.com/lizuncong/mini-react。
