|CHAPTER 00| 開發React專案的事前準備
0.1 事前準備
0.2 世界最大的套件庫npm
|CHAPTER 01| 從無到有建立React的開發環境
1.1 為什麼需要了解開發環境?
1.2 建立React專案最簡單的方法─create-react-app
1.3 用Webpack打包你的心血結晶
1.4 ES6不支援?JSX瀏覽器看不懂?靠Babel編譯吧!
1.5 善用SCSS讓CSS寫法更上一層樓
1.6 加上webpack-dev-server提高開發速度
|CHAPTER 02| 從Hooks開始的React新生活
2.1 打開通往React世界的大門
2.2 關於JSX一口氣全說完
2.3 用useState管理元件的State
2.4 掌管元件一切作用的useEffect
2.5 從React.memo、useMemo和useCallback優化效能
2.6 製作一個自己的Hooks掌管共用邏輯
|CHAPTER 03| 用Router來控制元件的呈現
3.1 為什麼需要Router以及什麼是SPA(Single-Page Application)?
3.2 Router的基本用法
3.3 透過URL傳遞參數給元件─match
3.4 使用Hooks讓控制Router寫法更簡潔
|CHAPTER 04| 用Redux管理更龐大的State
4.1 Redux的基本介紹
4.2 Redux的資料架構及狀態管理篇
4.3 Redux的事件觸發篇
4.4 用Hooks取代connect麻煩的寫法
4.5 製作一個logger來了解Middleware
4.6 用Redux Thunk來處理非同步事件
|CHAPTER 05| 為程式碼做單元測試
5.1 單元測試基本介紹
5.2 Jest的基本用法
5.3 善用Mock取代真實環境
5.4 導入@testing-library/react測試元件
5.5 測試使用了Redux的元件
5.6 如何對Router使用單元測試
5.7 為你的自定義Hooks做測試
|CHAPTER 06| 為React專案導入TypeScript
6.1 TypeScript是什麼?能吃?
6.2 把TypeScript放進React專案裡
6.3 在React中使用TypeScript的那些事
|CHAPTER 07| 實際演練─雖然很俗氣,但還是從待辦事項開始
7.1 待辦事項
7.2 在GitHub上讓你的作品發光發熱
|CHAPTER 08| 實際演練─製作一個可重用的元件發布到npm上
8.1 可重用的程式碼
8.2 將可重用的元件發布到npm