学会学(3) —— 学习 React

Author Avatar
FanShen 3月 15, 2021

最近看了篇文章——《新技术学习不完全指北》[1],很受启发。我经常会陷入「不知道学什么」和「不知道怎么学」的困境。有的时候也会做出一些所谓看起来的努力,但是收效甚微。

这篇文章会列举出部分上文中提到的关于新技术学习的方法,同时结合自己最近学习react的经历。探索一下如何学习。

先来审视下自己。拿现在自己从事的前端开发工作来说,我熟悉的技术栈都有哪些呢。工作中主要以JavaScript + Vue + CSS为主。因为公司的业务相对比较简单,所以并没有太多纵向探索的空间[2]。因此我想横向突破自己,也就是上面说的第一个困境——学什么。

学习动机

工作需求

工作需求,是一个强烈的、持续性的、外部驱动的学习动机。那些跟工作关联起来的技术,通常就是我们掌握得最扎实、构成我们核心技术能力的部分。而那些跟工作关联程度弱的技术,则是最容易中途放弃的部分。

其实很早之前就想学习react,typescript,但一直都没有去做。对于typescript的了解,只是知道它是javascript的超集。具体是啥样的,一直没有去看。原因是没有充分的学习动机。尽管我在github上看到很多优秀的开源项目都是以ts + react为技术栈,但是一直没有深入持续地探索。

严肃学习

反思之前的失败经验

很早之前——刚刚接触前端的时候,我在做一些看似努力的行为。经常会去看掘金社区的文章,还有「反复」看一些官方文档。首先我看一些技术文章的时间,大部分是在等待吃饭或者等地铁的时候。这部分其实是相当「碎片」的时间,很难去系统地学习。

所以这次再次决定学习react,在一开始我就制定了目标——完成frontend-bootcamp上的练习。因为这个项目是使用typescript + react实现的。

高强度间歇性训练

让阅读材料反复出现

结合学习react来说,主线学习是以frontend-bootcamp这个项目为主。总共分为两大步,总计13个小节。在写这篇文章的时候,我已经完成了全部的13个练习——使用ts + react实现了一个todo app。包括使用状态管理工具redux和fluent-ui来优化项目。

超纲训练

  • 给todoitem加上颜色标签
  • 对todoitem进行分类

成果积累 => 输出

  • github
  • blog

  1. 原文戳这里

  2. 诚然哪怕「简单」的CSS都有无限探索的方向,这里只是从业务角度而言