大家好，我是Echa。
最近有部分影迷们朋友圈问小贴士，怎样自修目前市场上非常流行的Vue 和React 开放源代码架构呢？
该是不是侧发力去自修呢？小贴士在这儿说说自身怎样自修Vue 和React。一句话：写作杰出的代码的目的是让我们能够写下杰出的标识符，更好的知觉架构的工作方式。
自修方式如下：
仿效自修：透过后端自修蓝图，收集有关后端Sourceforge，每晚跟着同学学，同学是不是教，你就是不是做，这是仿效自修神功。主动自修：学习Elkins强，是想自修后端接着去互联网行业努力奋斗，这儿就能加入他们的知觉，势必会要突破同学所讲的内容的界限，而要喔重新启动他们的梅佐县，让标识符更迷人，让运行更简洁制定严格的勘误表：每晚学什么、教给什么程度，一定要有两个清醒的知觉，最好是做一张表，将他们的天数划分规划好，每晚两个大各项任务，大各项任务下明晰小习题，完成一项打两个勾，让自修有层次的持续进行，这样做能避免三天打鱼两天晒网的自修模式。要学就问：不是有句话嘛，权直难通问腾讯，民族宗教难通问Google，当你碰到难题的时候，第一天数就去腾讯找答案，借助这种方式，碰到其他非实验性的难题也能积极提问。衰落期：敲标识符这个事儿最主要是娴熟，你能不会那么低阶的技术，但是关键性知识亦须要做到娴熟，借助他们的勤于去补齐专业技能软肋总之，多看元老们在Github上，gitee 码云上杰出开放源代码的工程项目，先在本地环境边看官方文件格式，一步棋一步棋部署构筑起来，接着从出口处文件逐步PT5716SB0紧抓，课堂教学得出神性，写作天数长了，课堂教学多了，顺理成章就进阶了。
另外小贴士之前文章也发布过有关自修资料，有兴趣的老铁们也看看：
科孔Github上15个火爆的Vue3开放源代码工程项目
科孔12个Vue 3的高颜值UI模块库
所推荐13个又炙手可热又实用的Vue开放源代码秘籍库
分享15个基于Vue3.0全家桶的杰出开放源代码工程项目
所推荐20个Github炙手可热的React自修瑰宝及开放源代码工程项目
后端必读书籍所推荐
今天小贴士给老铁们分享5个Vue源码导出开放源代码和5个React源代码导出开放源代码工程项目，希望对好学的影迷们有所帮助，如果在自修的过程中碰到任何难题，能留言朋友圈小贴士，小贴士只要有空看到留言，能解决的尽可能的为你们解答，小贴士是非常乐意为大家服务。接下来跟着小贴士一起从写作官方文件格式开始。
全文大纲
Vue 系列
Vue3官方文件格式源代码系列Vue3 源代码解释图解 Vue、Vue-Router、Vuex 源代码Vue.js 技术揭秘Vue源代码逐行注释分析React 系列
react 技术揭秘React的秘密图解React源代码React源代码分析React源代码系列Vue3官方文件格式源代码系列Github：https://github.com/vueClub/vue3doc
在线文件格式：https://vue3js.cn/start/
Vue 中文社区提供的 Vue3 源代码导出系列文章。
写作杰出的标识符的目的是让我们能够写下杰出的标识符
其实就跟我们写作文一样，你看的高分作文越多，写下高分作文的概率就越大
大部分程序员都只会写标识符（改，抄，stackoverflow工程师，代名词: 搬砖），会写作标识符的很少，为什么呢？因为国内所有的教育，网课，培训都没有教你是不是去看标识符，只教你是不是去写标识符
再者基于现在的程序员工作模式(模块化开发，只需要拿到需求做他们的部分)，别说看源代码，甚至就连工程项目里的标识符都懒的去看，我认识的很多程序员是这样的，两个工程项目摸了两三年，你要问他工程项目中webpack都干了哪些事情，他的回答是不知道，反而趾高气扬的告诉你，那些他从来都用不上，看了也没什么用，也看要学，这儿省略内心千字脏文
如下图：
Vue3 源代码解释
在线文件格式：https://kingbultsea.github.io/vue3-analysis/book/index.html
流程图：https://www.processon.com/view/link/5f85c9321e085307a0892f7e
Vue3源代码解释，提供了详细的测试用例和流程图。
如下图：
图解 Vue、Vue-Router、Vuex 源代码
Github : https://github.com/biaochenxuying/blog
在线文件格式：https://github.com/biaochenxuying/vue-family-mindmap
提供了多张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源代码架构。
如下图：
来自作者：biaochenxuying
Vue.js 技术揭秘
Github : https://github.com/ustbhuangyi/vue-analysis
在线文件格式：https://ustbhuangyi.github.io/vue-analysis/
该电子书的目标是全方位细致深度导出 Vue.js 的实现原理，分析的版本为 Vue.js 2.5.17-beta.0。
如下图：
Vue源代码逐行注释分析
Github : https://github.com/qq281113270/vue
Vue 源代码逐行注释分析，提供了40MB+ 的 Vue 源代码程序流程图思维导图。
如下图：
React 技术揭秘
在线写作：https://react.iamkasong.com/
《React技术揭秘》电子书的宗旨是打造一本严谨、易懂的 React 源代码分析教程。内容不预设观点，所有观点来自React核心团队成员在公开场合的分享，其通过了丰富的参考资料，包括在线Demo、文章、视频。
如下图：
React的秘密
作者网址：https://segmentfault.com/u/neronero
在线写作：https://segmentfault.com/blog/react-secret?_ea=103006355
本工程项目是作者在写作React源代码过程中构筑的调试环境，自修过程中对源代码添加了较为详细的注释，并记录了一些他们的知觉与思考，输出了十几篇文章。要感谢作者：nero
如下图：
图解React源代码
Github : https://github.com/7kms/react-illustration-series
在线写作：https://7kms.github.io/react-illustration-series/
图解React源代码，用大量配图的方式, 致力于将 React 原理表述清楚。
如下图：
React源代码分析
Github :https://github.com/BUPTlhuanyu
在线写作：https://buptlhuanyu.github.io/ReactNote/
对 React 有关标识符库以及架构的源代码进行了一定的分析，并总结了一张详细的流程图。
如下图：
React源代码系列
Github : https://github.com/lizuncong/mini-react
在线写作：https://buptlhuanyu.github.io/ReactNote/
手写React、react-dom、react reconciler主流程源代码，加深对react源代码的知觉。包括fiber，合成事件，hooks实现原理，dom diff，reconciliation，scheduler等。
如下图：
