本
文
摘
要
前几天北京公布一例确诊病例 —— 一位居住于顺义的34岁男子。伴随公告的，还有其最近一段时间的完整活动轨迹：
工作日在家与公司之间往返50km，日复一日
周末只有超市采购和带孩子参加早教活动才会出门，其他时间都宅在家里
宅在家里是为了玩么？不，他的业余时间都用于复习考研。坊间传闻是「清华大学」
最终在考研前3天被公司安排去宁波出差。在出差前由于考研初试要求做了核酸检测，并最终确诊。
当前的最新情况：已放弃考研，病情稳定。祝福这位努力生活的大哥早日康复。
这是一个奋斗bi么？不，这只是漂泊在北上广深，为了更好的生活，用自己日复一日的努力与生活抗争的普普通通打工人。
成年人的世界没有轻松可言
作为一个浑浑噩噩、当过魔术师、做过机械工程师的转行半吊子前端。年初由于疫情在家，对自己发出了来自灵魂的质疑：
大佬那么多，为什么不能是我？
明明很努力在生活，为什么我还是菜鸡？
自认智商没有不如常人，那么答案只剩下一个：
我努力的方向不对
在调整了方向并奋力奔跑了一整年后，以下是我交出的答卷：
写了一本开源电子书React技术揭秘[1]，2.1k star
组建了2000+人的React学习社群
和SegmentFault合作录制课程自顶向下学 React 源码[2]，并成为SegmentFault优秀讲师
成为Anu.js、React的Contributor，是从业以来技术水平提升最快的一年
有了主业之外的副业，虽然才刚起步，但也能覆盖我在北京的衣食住行了
以上这些都是在8小时之外的业余时间完成的，以下是我的心路历程。
探索知识边界
首先来聊聊核心的思路：
探索知识边界
前端作为一个技术工种，存在知识边界，边界可以分为：
横向上的广度边界
纵向上的深度边界
横向上，有些工种天然与前端接近，比如产品、服务端。提升自己这些相邻工种的能力可以提升自己对业务的整体把控。
纵向上，以传统HTML、JS、CSS为代表的前端领域可以看作一个大圆，在圆周上，还有很多其他领域的圆与这个大圆相交，这些小圆就是「前端知识深度上的边界」。
有些小圆与前端大圆相交范围比较多，比如：
前端工程化，日常工作都会接触
框架开发，日常工作都会使用前端框架
还有些小圆涉及到其他领域知识比较多，与前端相交的少，比如：
数据可视化
跨端开发
但是人的精力都是有限的，横向、纵向，该往哪里努力？
前端人的努力方向
从职业发展来看，前端有2个方向：
技术经理
前端架构师
其中技术经理要求技术管理能力，前端架构师要求更高的工程化能力。同时这两者都需要产品、服务端能力。
所以横向上，前端人应该更多发展相邻工种的能力。像算法、运维这些不与前端相邻的工种，付出了同样的努力，收益并不大。
纵向上，建议根据个人喜好，选择一个知识边界作为自己突破的方向。做一个三角形前端。
比如：你很看好数据可视化，为此付出大量努力，配合上横向方向的努力，你更容易成为可视化领域的产品负责人。但是未来更不容易切换赛道。
同理：一个做了几年富文本编辑器的前端可以成为该领域的大拿，但是他积累的领域知识在其他业务上用处就没那么大了。
所以，我建议发展更贴近日常开发的领域知识，即前端工程化或框架开发。
考虑到日常使用React技术栈，未来大概率会长时间用他，我决定将React框架开发作为我努力的方向。
死磕React
坦白讲：这一年，最少有5次我想放弃这个努力方向。
React源码中那么多方法，除了React核心团队成员，谁能真正理解这些方法的作用？这可是全世界最厉害的一批前端维护了7年的代码库啊。
有些同学和我抱怨，看了2天React源码看不懂，为啥我对源码里每个方法的调用流程这么熟悉？
我业余时间看了半年啊！
到了React这个级别的源码，已经不是看代码就能明白意思的了，得先明白设计理念。
于是，在把往年所有React Conf演讲内容、React核心团队成员在gayhub、twitter、油管的分享看完后，终于产出了一本“先讲理念，再讲运行流程，再讲局部源码”的电子书 —— React技术揭秘[3]。
我的收获
在这本书的写作过程中，逐渐有朋友加我微信和我讨论React，慢慢竟然形成了2000人的社群。群里有很多知名库的作者、参与者、技术
再后来，由于这本电子书，SegmentFault的商务找到我，合作出品了自顶向下学 React 源码[4]视频课程，课程口碑不错，让我成为了SegmentFault优秀讲师。
当React在我面前再没有秘密后，日常业务方面可以说「通关」了。
比较有意思的是，我们有些业务用的是一款类React框架 —— Anu.js。
去年遇到框架bug后还一脸懵逼，今年已经开始维护这款框架并将React中的一些试验特性搬移过来，比如时间切片。
收入方面，也有了「睡后收入」 —— 每个月会有广告、课程收入，6000 - 1w之间。
2021，我要做大佬
今年的经历验证了我的观点 —— 只要方向对了，努力就有意义。
2021，也要努力在成为大佬的路上飞奔。
参考资料
[1]
React技术揭秘: http://react.iamkasong.com/
[2]
自顶向下学 React 源码: https://ke.sifou.com/course/1650000023864436
[3]
React技术揭秘: http://react.iamkasong.com/
[4]
自顶向下学 React 源码: https://ke.sifou.com/course/1650000023864436
[5]
