从0实现React18 第一阶段完成

586 阅读2分钟

由《React技术揭秘》到《从0实现React18》

最早了解React都是从网上的小文章碎片化学习的,直到接触了卡颂写的《React技术揭秘》(react.iamkasong.com/) 才开始系统、深入的进行React研究和学习。在卡老师推出「从0实现React18」视频教程后,果断为自己投资了这门课程,毕竟视频学习是最快的,而且有专门的讨论群,大家也都在和卡老师一起实现自己的React。在这个实现自己的React过程中,可以对之前“React技术揭秘”中讲到的内容进行复习和验证,你也会更加了解React。

难点

在第一阶段完成的过程中,比较难的部分是整个环境的搭建,环境搭建好了以后如果你跟着课程敲代码,基本是可以跟上课程进步的。我在完成的过程中除了搭建环境以外,遇到了两个比较难发现的问题,当时没有完全跟着课程敲代码,通过打断点完成了问题排查。在排查问题过程中,对首屏渲染和首次更新的fiber树的构建和更新比以前更加熟悉了。

后续

接下来准备继续完成课程中其他的部分,目前最重要的当属Diff算法了,每次面试被问到这个题的时候能说出来一些,但是总是不能令面试官惊艳。看完课程觉得如果能把课程中的情况和细节处理都说出来,在这个题目上是能拿高分的。

收获

学习这个课程,除了对React的了解以外,对自己平时开发代码也有很大帮助。小到一些特殊语法,比如我都不知道if语句块也能被命名,而且进行break操作。再比如说链表的处理,你的大脑里充满了数据结构,然后每个引用指向的改变会遍历到链表的哪个节点等。往大说了就是如何做第三方库,从不同层面要考虑的东西,这些对你都会有不同程度的帮助的。