细数起来,我学习React源码现已超越三年了,平常作业的大部分内容便是读和写React和React周边库源码,然后做成课程,接下来和大家共享下这三年的感触和收成。

关键

关键很简略,三年前我找了一个讲师的作业,当然并不是由于热爱和寻找梦想,而是由于一个在某教育组织作业的初中同学和我说“程序员讲师赚的很多,做得好的话,一年XX万没问题”,然后我面试讲师职位通过了,就入职了。

全职学习三年React源码是什么体会

入职前,我还想着做大做强,可是入职之后的一周,我的目标便是保住作业,一个月之后,由于作业强度和自身的缺乏,我随时有被裁掉的心理准备。

全职学习三年React源码是什么体会

为什么讲React源码

在担任React讲师之前,我现已作业五年了,做过很多很多项目,从最早的C#,到jQuery,到React和React Native,再到Vue,并且自认只需需求合理,没有做不出来的,无非是了解的做的快点,不了解的多花点时刻调研(百度)。做讲师的话,把这些教给学员就行了。

可是现实很骨感,我做了个简略的商城项目,做之前计划作为课程项目的,可是做完之后,发现这可怎样讲,课程是直播,我要是一行行敲代码还要解说,两个小时的时刻也就只能做两个简略的页面,还全是一些API的调用,底子没时刻讲原理,这样导致的结果肯定便是没根底的学不会,有根底的会吐槽太简略。

最终,我仍是回到了本来的课程纲要,体系解说,不求精密,不写css,页面能够丑一点,把时刻花在逻辑解说上。

我准备了很长时刻,第一节课讲的Context和Form,很正式,结果看了眼谈论区,没有一个人说讲的好坏,反而都是说“教师声音真好听”。。。

全职学习三年React源码是什么体会

如何入门React源码

其实之前做开发作业的时分,我也会时断时续的看一些原理源码,自己觉得把握的还能够,可是真的到了去做课程,发现“还能够”便是不及格,“还能够“就意味着好多说不明白,讲课的话,这可远远不行,究竟课程纲要里都是手写各种库的源码。

所以,每次上课前我都会花很长时刻去精密研讨每个库,从最简略的AntD3 Form,到Redux、React-Redux、Redux中间件、React-Router等,尽管这些曾经都用过,我曾经觉得自己把握的还挺好的,可是做课程便是把这些源码库在直播上写一遍出来。。。

直播最大的难度便是时刻的放大性,平常写代码出个bug花了五分钟处理,会觉得很快。可是直播的时分,被几百人围观,一分钟处理一个bug都显得很慢很慢。

最难的仍是React源码,由于太巨大了,刚开始看的时分有点像刘姥姥进大观园,我深深地置疑自己底子不会React。

不过万事开头难嘛,积习沉舟,梳理完知识图谱之后,再看React源码系列,就越来越觉得简略了。

学React源码有用吗

有用。

面试的用途就不用多说了,你肯定遇到过刨根问底的面试官,一个问题能问俩小时,可是如果你能手写的话,那面试的时分再讲原理简直是手到擒来。

还有便是项目中的用途,其实我在梳理React和周边库源码的时分,也发现了我曾经写项目时分的一些缺乏,比方我曾经乱用Router5的Route的children、render、component,由于分不清,也懒得分,反正用谁代码都能跑。看了源码之后发现,这三个特点真的不要乱用,彻底不一样,而且中文网文档对于这块的翻译有错误,离谱~

还有MobX5的中文网文档,之前也有翻译不太恰当的当地,详细忘了是什么,还记住我提了一个pr。

说回React自身,仔细去看源码的时分,发现规划的还挺好,尤其是使命调度,尽管这个模块的代码更新很少,可是看了之后,我发现曾经大学时分学的《操作体系》和《算法与数据结构》的课程,遽然有用了,遽然感触到了学以致用的欣喜。

全职学习三年React源码是什么体会

说到这儿,回忆一下大学时分的《操作体系》课,杜教师讲的,是个很温柔的女教师,可是这个课给我的感觉便是我常常置疑我学它干嘛,当年仍是太年青。

React源码系列唤醒的不只是我曾经的《操作体系》课,还有《算法与数据结构》、《C言语》等,还有我不记住是否学过的《编译原理》。大学对我来说是个古怪的当地,如同学了很多东西,可是作业的时分发现如同都没用上,究竟我结业之后做的是前端,而大学不教前端,前端仍是我实习的时分自学的。可是后来发现,大学时分学的课都是我现在的基本功。比方我讲Hooks存储的单向链表结构的时分,很多不是计算机专业的学员会问“什么是链表”。

尽管现已结业很多年,可是我仍是很清楚地记住C言语教师讲指针的那节课,清楚到记住那天教师的发型和衣服,梳着低的长马尾,戴着眼镜,穿戴阔腿牛仔裤,裤子上有个史努比,她在黑板上画着指针指向图,说“你们刚开始学指针,或许听不懂,可是仍是要听呀”。我其时很苍茫,可是很听话地在仔细听讲。

现在学以致用了,感觉挺好,曾经的辛苦没白费。

学React源码的总结

学React源码之前,我觉得我学的是React,可是学过之后,发现结构只是表象,我真的在学的是表象下的本质。

昨天晚上作业完之后,我去看一个轻喜剧打发时刻,由于剧情比较傻白甜,看剧的时分感觉脑细胞无处可用,所以一边看剧,一边看前几天买的新书《程序员的自我涵养》,书的前面讲了操作体系的迭代,这简直不能说和React的迭代相关,只能说一模一样。。。

全职学习三年React源码是什么体会

比方,你来读下《不要让CPU打盹》这一节,

“在计算机发展前期,CPU资源非常贵重,如果一个CPU只能运行一个程序,那么当程序读写磁盘时,CPU就空闲下来了,这在其时简直便是暴殄天物。”

“对于多道程序来说,程序之间不分轻重缓急,如果有些程序急需使用CPU来完结一些使命(比方用户交互使命),那么很或许很长时刻才有时机分配到CPU。这对于有些呼应时刻要求高的程序来说是很致命的,想象一下你在Windows上面点击鼠标10分钟之后体系才有反响,那该是多么懊丧的事。”

“经过略微改进,程序运行形式变成了一种协作的形式,即每个程序运行了一段时刻以后都自动让出CPU给其他程序,使得一段时刻内每个程序都有时机运行一小段时刻。”

这不便是React从Stack Reconciler到Fiber Reconciler的迭代嘛~

全职学习三年React源码是什么体会

最终

当然,这三年我也不是只在学React系列,太单一了容易故步自封,同时也去讲了React Native的课,还有各种前端场景下的算法与数据结构,还做了一个低代码项目,如同这三年也挺忙。不过开发做久了,看什么都一样,不再是曾经刚做前端的时分,看到什么都“哇”一声。

最终的最终,羊了羊为究竟怎样玩,谁能出个攻略?

全职学习三年React源码是什么体会