背景
經營 Web 實驗室 的過程中
遇到許多朋友在詢問是否要在前端開始使用 Typescript
在 2018 年以前，我的答案可能會是「No」
因為當時前端支援的套件太少，Typescript 的語法也不夠完備
不過現在到了 2020 年（不是也才兩年ＸＤ），我的答案就變成「Yes」了！
Typescript 在編譯時的型別檢查避免了許多低級的錯誤
尤其是使用 React 開發時，更大大地避免了白畫面的情況
最常遇到的應該是 cannot read property 'xxx' of undefined 吧ＸＤ
然而，目前網路上已經有許多 Typescript 開發 React 的教學
為什麼還要撰寫這篇系列文呢？
學習資源太多、每篇寫法不一、只有語法教學
這些應該是在學習的過程中所會遇到的問題
想當初自己在學習用 Typescript 開發 React 的過程中
從 interface, enum 到 type
同一種情境就有各式各樣的寫法
連引入新的套件的方式都五花八門
經過了一連串的坑，也慢慢找到了較好的撰寫方式
於是透過此機會與大家分享，互相成長！
介紹
此系列文會著重在如何「優美地」開發專案
包含良好的環境管理、專案架構、型別定義方式等等
主要使用以下環境＆套件
內容會涵蓋以下範圍：
- 建立良好的開發與執行環境
- 架構完整的 React 專案結構
- 優美地定義 React 型別
- 安裝與使用第三方套件
- 實際開發 ToDo List 案例
- 選擇適合的部署方式
- 延伸開發與相關挑戰
版權聲明
系列文內所使用的任何資源均會註明出處
若造成原作者困擾麻煩聯絡：kkshyu.tw at gmail.com
將會自行移除相關資源
