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