最近看了篇文章 ——《新技术学习不完全指北》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