React學(xué)習(xí)手冊(cè)（第二版）

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