关于我为什么要输出文章这件事

前因后果

2021年的某个夏天，太阳依旧很耀眼，路边的知了争相嘶吼，道不出与炎日的情愫。

我发布了人生第一篇网文，激动吗？那是相当激动。写文章这件事对于我这种高考语文不过百的“文渣”来说简直就是，站起来啃脚趾头——上头。我的语文老师要是知道这件事不得打着摩的来给我上一课。

前因就是这么个前因，后果呢。很明显，可以装逼（不是）。

后果就是在征求React 技术揭秘作者魔术师卡颂（以下简称卡师傅）建议的时候发生了如下的对话：

卡师傅： 要不我和你约个稿，你写完了 让我公号也发一下，顺便给你掘金号做个宣传

我当时就，轻一点哦，宣传的事就拜托了, 自行脑补表情包，因为过不了审。

于是就产出了这篇文章。

契机

源于昨天学习React 技术揭秘(diff算法)的时候，说到这里我要插一嘴，我是卡师傅老粉儿了，小册刚开始做的时候我从gitHub上无意间找到这个玩意。

那为什么卡老师都涨了几千粉了，我才看到diff这里呢？我觉得在座的各位不止一个人和我同样的心路历程：

1. 打开前言 作者有思路，有见解，不错。收藏了。
2. 前置知识 emmm… 不错，爷看懂了。爷就是新一届React懂王。
3. render阶段 卧槽，这是个啥。脑子要炸了，装不进去了。
4. commit阶段 再见，React真难，后面的还没理解，前面的又忘了。
5. Diff算法 这个面试经常问，看一下吧。打开之后… 算了下次再看吧

然后每次鼠标滑过这个标签的时候就好像吃了炫迈上高速一样，抓都抓不住。时隔多年我鼓起勇气被面试官吊打之后又一次打开了这个链接，开始学习Diff算法：

1. 开始学习单节点diff emmm… 爷看懂了
2. 开始学习多节点diff 等下，单节点diff讲了个啥？
3. 开始学习单节点diff emmm… 爷又看懂了
4. 开始学习多节点diff 等下，什么情况不比较来着？算了，先往下看
5. 开始看多节点Demo 卧槽这啥啊，换到第几个啊，懵逼啊

我根据Demo自己在本子上画出Demo的流程，这部分就明了了。后来想想画都画了，搞个gif图给卡师傅吧，肯定不止我看起来费劲。后来想想，gif图都搞了为啥不写个文（点题昂，xdm）。

写文的好处

外在好处

各大招聘平台上JD的最后千篇一律：

• 对知名开源项目有贡献者优先

• 有持续输出技术博客者优先

内在好处

能把东西写出来的时候就说明你对这个东西是有一定理解了（前提不能是复制过来的，需要自己设计一个场景）。像我在写单节点diff的时候我觉得我已经看懂了，但是我在下笔的时候发现写不出来。总结一下就是看书的时候太浮躁了。写文可以帮你静下心去真正的理解这个东西，你会多少才能写出来多少。

学习路线

给大伙分享一下我的学习路线，我不是大佬，大伙图一乐就行。

我是19年底开始学习React的，开始肯定官方文档，刚开始啃起来很费劲，字都看得懂，放一起就懵了。
花了几个月把官方文档读了一遍，不会的跳过就行了。然后开始敲代码，不会的就去查。后来渐渐的就会写了，然后把官方文档又读了一遍，这次很快啊，因为我有备而来，读的过程中发现之前会略掉了很多没用的api，比如cloneElement、Children等等，我这会依然觉得他们没用，直到开始设计公共组件，我发现在这些api的加持下，我可以写出好用到爆的组件，暴露出去的东西非常干净，但是功能一个都不少，还好维护。

官方文档是周期性的读，刚开始很慢，后面会很快。在此期间我都是游泳式的学习方法。碰到不会的问题向下找原因，找到原因后平行学习，之后向上反馈。

举个例子，js的引用类型为什么可以在函数里面修改外层的值，概念网上一大堆。科班出身对内存地址、引用、指针这些比较熟悉的肯定可以解释为什么，如果一上来就接触js的对引用类型基本停留在表面认识，这时候通过下沉式学习，学习这些基本概念之后可以轻易解决这些问题。下沉之后进入平行学习阶段，比如学到了函数重载，然后我们向上反馈，又解决了ts的类型重载问题。

再比如说react的优先级模型，任务调度这些概念看起来很牛逼很高大上，但是CPU很早就有了任务优先级、守卫进程这些概念。去了解这些东西，以仰望的视角去看我们碰到的问题，会有很多奇妙的解法。

总结

既然开始写文了我也不会停下来，如果太监了你顺着网线来打我。

在掘金开了一篇专栏叫睡前小故事，旨在浮躁的大环境下用稍微诙谐点的语言，浅显点故事来让大家对这个概念有一点印象,就好像第一次读官方文档一样（废话，深了我也不懂），之后去看专业的书籍的时候也能更好的理解。最近可能分享的主题是web安全之类的，感兴趣的工友们可以关注我。

卡师傅在群里分享的写文软件很好用啊，再次感谢卡师傅，人生导师啊。

我是Lew，一个喜欢讲故事的人。