目錄
前言 . 1
第1 章 初識React . 7
1.1 堅實的基礎 .8
1.2 React 的過去和未來 9
1.3 資源文件 10
1.3.1 資源倉庫10
1.3.2 React 開發者工具 10
1.3.3 安裝Node.js 12
第2 章 JavaScript 新特性 15
2.1 聲明變量 16
2.1.1 const 關鍵字 16
2.1.2 let 關鍵字 17
2.1.3 模板字符串 .20
2.2 創建函數 21
2.2.1 函數聲明21
2.2.2 函數表達式 .22
2.2.3 默認參數24
2.2.4 箭頭函數25
2.3 編譯JavaScript 28
2.4 對象和數組 29
2.4.1 析構對象29
2.4.2 析構數組32
2.4.3 對象字面量增強 32
2.4.4 展開運算符 .34
2.5 JavaScript 異步編程 .36
2.5.1 使用fetch 處理簡單的promise .37
2.5.2 async/await .38
2.5.3 構建promise 39
2.6 類 40
2.7 ES6 模塊 42
第3 章 JavaScript 函數式編程 45
3.1 函數式編程是什么意思 .46
3.2 命令式和聲明式 48
3.3 函數式編程基本概念 51
3.3.1 不可變性51
3.3.2 純函數 54
3.3.3 數據轉換57
3.3.4 高階函數65
3.3.5 遞歸 66
3.3.6 合成 70
3.3.7 綜合應用71
第4 章 React 運行機制 . 77
4.1 頁面設置 77
4.2 React 元素 78
4.3 ReactDOM 81
4.4 React 組件 87
第5 章 在React 中使用JSX 95
5.1 使用JSX 創建React 元素.95
5.1.1 JSX 小貼士 .96
5.1.2 使用JSX 映射數組 .98
5.2 Babel 98
5.3 使用JSX 編寫菜譜應用 100
5.4 React 片段 .108
5.5 webpack 簡介 109
5.5.1 創建項目 111
5.5.2 加載構建包 122
5.5.3 源碼映射123
5.5.4 Create React App 124
第6 章 React 狀態管理 127
6.1 構建一個星級評價組件 128
6.2 useState 鉤子 130
6.3 為提高可重用性而重構 134
6.4 組件樹中的狀態 .136
6.4.1 沿組件樹向下發送狀態 .137
6.4.2 沿組件樹向上發送交互 .141
6.5 構建表單 .145
6.5.1 使用ref 146
6.5.2 受控組件148
6.5.3 自定義鉤子 150
6.5.4 把顏色添加到狀態中 152
6.6 React 上下文 .153
6.6.1 把顏色放入上下文 155
6.6.2 使用useContext 獲取顏色 157
6.6.3 有狀態的上下文供應組件 158
6.6.4 使用上下文自定義鉤子 .160
第7 章 使用鉤子增強組件 . 165
7.1 useEffect 介紹 165
7.1.1 依賴數組168
7.1.2 深入檢查依賴 .173
7.1.3 何時使用useLayoutEffect 180
7.1.4 鉤子使用規則 .182
7.1.5 使用useReducer 改進代碼 186
7.1.6 使用useReducer 處理復雜的狀態 189
7.1.7 提升組件性能 .192
7.1.8 shouldComponentUpdate 和PureComponent 195
7.1.9 何時重構196
第8 章 處理數據 199
8.1 請求數據 .199
8.1.1 隨請求發送數據 201
8.1.2 使用fetch 上傳文件.202
8.1.3 授權請求202
8.1.4 在本地保存數據 204
8.1.5 處理promise 狀態 208
8.2 渲染屬性 .210
8.3 虛擬化列表 214
8.3.1 創建useFetch 鉤子 219
8.3.2 創建Fetch 組件 .222
8.3.3 處理多個請求 .224
8.3.4 備忘值 225
8.3.5 瀑布式請求 229
8.3.6 限制網絡速度 .233
8.3.7 并行請求235
8.3.8 等待值出現 237
8.3.9 取消請求238
8.4 GraphQL 簡介 242
8.4.1 GitHub GraphQL API 242
8.4.2 發起一個GraphQL 請求 245
第9 章 Suspense . 253
9.1 錯誤邊界組件 255
9.2 代碼分拆 .259
9.2.1 Suspense 組件介紹 262
9.2.2 使用Suspense 加載數據 263
9.2.3 拋出promise 267
9.2.4 構建兼容Suspense 的數據源 272
9.2.5 Fiber 277
第10 章 React 測試 . 281
10.1 ESLint 281
10.2 Prettier 288
10.2.1 在項目中配置Prettier 289
10.2.2 在VSCode 中使用Prettier .291
10.3 對React 應用做類型檢查 292
10.3.1 PropTypes 292
10.3.2 Flow 296
10.3.3 TypeScript 301
10.4 測試驅動開發 304
10.5 使用Jest 305
10.6 測試React 組件 311
10.6.1 查詢 315
10.6.2 測試事件 .316
10.6.3 代碼覆蓋度 319
第11 章 React Router 321
11.1 使用React Router 322
11.2 React Router 屬性 327
11.3 重定向 332
第12 章 React 服務器端渲染 341
12.1 同構與普適 .342
12.2 服務器端渲染React 345
12.3 使用Next.js 做服務器端渲染 353
12.4 Gatsby 359
12.5 React 未來展望 .361
作者介紹 363
封面介紹 363