Skip to content

深入理解 react

一、前面的话

各位掘友们大家好,近两个月我将工作之余的很大一部分精力放在了撰写一个专栏上面了,本篇文章就来介绍一下这个专栏,欢迎大家的指正和批评!

自去年年终总结后我一直在思考工作中我能够积累什么东西,左耳朵陈皓有个观点一直影响着我,做正确的事,等着被裁员,实际上的确是这样,现在这个环境下即便在大厂可能持续性也不会很高,因此身为一个互联网的从业者,要时刻问问自己,在工作中积累了什么东西,当出去面试的时候有什么值得拿出来的东西,我想这个才是真正面对不确定性时自己的底气,笔者也一直在朝着这个方向努力,去年我将chrome 插件相关的知识整理成为了一个专栏,你可以点击《chrome 插件合集》来查看

而今年我思考的能够带来积累的方向有两个,一个是开源项目,另外一个是技术写作

其实一直都有想做开源项目,但是一直没有鼓起勇气开始,选择开源项目的品类也是一个难以抉择的问题,因此我在过去的时间里大部分时间都是all in写作的,在过去的时间里,如果把点赞量超过 300 的文章算是爆款文章的话,我也写过几篇,也被掘金的公众号收录过几篇,但是越到最后我越发现,这样并不是长期主义的做法

翻看过往发过的所有文章,我发现自己的主题都是离散的,虽然有很多文章都是很重要的知识点,但是都是零零散散的,没有特别系统的内容,因此今年我下定决心一定要写系统性的内容专栏,这样它的价值才会更高,因此年初就在准备和构思,真正开始已经是 3 月了,过去的两个月时间,下班之后几乎所有的时间都在思考下一篇文章的构思,清明节假也都搞这个了,丑媳妇终究是要见公婆的,接下来就跟大家介绍一下我的专栏—— 《深入理解 react》

之所以专门写篇文章介绍一下,主要还是因为发的这些文章,流量太少了,所以专门发篇文章宣传一下,话不多说我们开始介绍吧!

二、目录

《深入理解 react》之从 JSX 到 JS

《深入理解 react》之调度引擎——Schedule

《深入理解 react》之初始化流程

《深入理解 react》之优先级(上)

《深入理解 react》之优先级(下)

《深入理解 react》之 render 流程

《深入理解 react》之 beginWork 全流程

《深入理解 react》之 completeWork 全流程

《深入理解 react》之 commit 阶段

《深入理解 react》之 DIFF 算法

《深入理解 react》之 hooks 原理(上)

《深入理解 react》之 hooks 原理(下)

《深入理解 react》之 Suspense 与 lazy 原理

《深入理解 react》之 memo、forwardRef 原理

持续更新中.....

三、特点

我其实是把这个内容当作一个产品来做的,因此跟大家介绍一下它的特点或者说优点吧!

市面上搜索 react 知识内容可以说是多如牛毛,每个用户看文章也是需要消耗时间的,因此我的专栏有什么样的优势值得大家的阅读呢?我总结了一下有以下几个点!

1.规范统一

每一篇文章我控制了篇幅,内容既不会少,让读感到没什么干货,也不会非常庞杂,让读者难以下咽,整体的风格是保证大家能够在 20 到 30 分钟之内进行阅读和消化;此外每一篇文章的行文风格是统一的,大家如果能够阅读其中的一到两篇就能够感受到了

2.图文结合

我用我尽可能用心的绘图跟大家画了非常多的图画,确保能够拥用简洁的视觉传达更多的信息,避免一直阅读文字带来的疲劳,而且有些概念的表达真的是一图胜千言

3.源码解析

整个内容都是基于源码来进行分析了,源码并非是用真的源码去凑字数,而是精简过后的源码,添加了非常用心的注释的,因此大家可以很容易的理解源码的核心意思,而不用担心太过繁杂;

之所以选择用源码的方式进行配合协作,是希望能够达到一种大家阅读了文章会更有底气一点,因为笔者也阅读过很多相关的文章、专栏、课程但是如果没有看过源码,始终感觉心里没有底

而本专栏希望做到大家看了内容,心的也能够很有底,感觉跟看了源码是一样的!(当然还是强烈建议时间允许的情况下,自己看源码)

4.归纳

整体的专栏逻辑是将知识相似的内容统一起来进行总结式的分析,非常适合准备面试的时候一口气看完,达到一个巩固的知识的目的

5.持续维护

我计划是持续维护这个专栏,也会在今后的时间持续更新文章,跟进 react 的变化,当前目前还是把已有的内容写完,甚至我在思考能不能建一个专栏交流群,定期举行一些会议(线上线下都可以),大家一起探讨对 react 的理解,我来做主持人,很多小伙伴一起参与进来进行某个主题的分享和思考,因为实际上会发现一个人的思考是有限的,而且有些理解真的不一定是对的,人多了之后可能会碰撞更多的火花!

当然我很有兴趣做这个社群但是还是要看看参与的热度哈哈!

6.免费

最重要就是它免费哈哈!写这个的目的其实也是希望我自己能够把 react 相关的知识点整理起来,我发现自己真的写一遍之后对于 react 的理解更加的深刻,以往不确定的东西会更加的确定了,最重要的是作为一个天天使用 react 的用户,能够用自己的能力去分享 react 这个技术,想想觉得是一件很有意义的事情,虽然这件事情可能不会带来什么收益,但是还是会感觉过去的时间过的很充实!

四、最后的话

以上就是这个专栏的特点,当然中肯的说也会有缺点,我看过市面上很多其他的内容,比如卡颂老师的《react 设计原理》、我不是外星人老师的《react 进阶指南》、以及其他好多大佬的课程,和他们的内容相比,我感觉我的专栏还有很大的差距,但是道阻且长,行则将至,我相信不断向他们学习总有超过他们的一天。

发布这篇文章仅仅只是一个起点,专栏的文章还会继续撰写,如果它有可能够帮助到你,欢迎你订阅、点赞、收藏这个专栏,或者你也可以和我一起来维护这个专栏,后期的计划是将这个专栏的内容开源、并建立单独的网站去维护,而不仅限于掘金这个社区,欢迎热爱分享、交流的你私信我!

遵循MIT开源协议