React實戰(zhàn)

第 一部分　初識React
第 1章　初識React 3
1．1　初識React 3
1．1．1 本書的受眾 6
1．1．2 工具說明 6
1．1．3 誰在使用React 7
1．2 React不能做什么 8
1．3 虛擬DOM 11
1．3．1 DOM 11
1．3．2 虛擬DOM 13
1．3．3 更新與差異比對 13
1．3．4 虛擬DOM：渴求速度 14
1．4 組件：React的基本單元 14
1．4．1 組件概覽 15
1．4．2 React中的組件：封裝與復用 16
1．5 團隊的React 16
1．6 小結 17
第 2章 ：我們的第 一個組件 19
2．1 React組件介紹 21
2．1．1 理解應用數(shù)據(jù) 22
2．1．2 多組件：組合關系和父子關系 23
2．1．3 建立組件關系 24
2．2 用React創(chuàng)建組件 26
2．2．1 創(chuàng)建React元素 26
2．2．2 渲染首個組件 29
2．2．3 創(chuàng)建React組件 31
2．2．4 創(chuàng)建React類 31
2．2．5 render方法 32
2．2．6 通過PropTypes校驗屬性 33
2．3 組件的一生 36
2．3．1 React的狀態(tài) 37
2．3．2 設定初始狀態(tài) 38
2．4 認識JSX 45
2．4．1 使用JSX創(chuàng)建組件 46
2．4．2 JSX的好處以及JSX與HTML的差別 48
2．5 小結 48
第二部分　React中的組件和數(shù)據(jù)
第3章 React中的數(shù)據(jù)和數(shù)據(jù)流 53
3．1 狀態(tài)介紹 53
3．1．1 什么是狀態(tài) 54
3．1．2 可變狀態(tài)與不可變狀態(tài) 56
3．2 React中的狀態(tài) 57
3．2．1 React中的可變狀態(tài)：組件狀態(tài) 58
3．2．2 React中的不可變狀態(tài)：屬性 61
3．2．3 使用屬性：PropTypes和默認屬性 62
3．2．4 無狀態(tài)函數(shù)組件 63
3．3 組件通信 65
3．4 單向數(shù)據(jù)流 66
3．5 小結 67
第4章 React中的渲染和生命周期方法 69
4．1 搭建Letters Social倉庫 69
4．1．1 獲取源代碼 71
4．1．2 應該使用哪個版本的Node 71
4．1．3 關于工具和CSS的注意事項 72
4．1．4 部署 72
4．1．5 API服務器和數(shù)據(jù)庫 72
4．1．6 運行應用程序 73
4．2 渲染過程和生命周期方法 73
4．2．1 生命周期方法概覽 73
4．2．2 生命周期方法的類型 75
4．2．3 初始方法和“將執(zhí)行”方法 78
4．2．4 掛載組件 79
4．2．5 更新方法 82
4．2．6 卸載方法 85
4．2．7 捕捉錯誤 86
4．3 開始創(chuàng)建Letters Social 90
4．4 小結 96
第5章 在React中使用表單 99
5．1 在Letters Social中創(chuàng)建帖子 100
5．1．1 數(shù)據(jù)需求 100
5．1．2 組件概覽與層級 100
5．2 React中的表單 102
5．2．1 開始使用表單 103
5．2．2 表單元素和事件 103
5．2．3 更新表單狀態(tài) 106
5．2．4 受控和非受控組件 107
5．2．5 表單驗證與清理 109
5．3 創(chuàng)建新帖子 112
5．4 小結 114
第6章 將第三方庫與React集成 115
6．1 向Letters Social API發(fā)送帖子 116
6．2 用地圖增強組件 117
6．2．1 使用refs創(chuàng)建DisplayMap組件 118
6．2．2 創(chuàng)建LocationTypeAhead組件 124
6．2．3 更新CreatePost，給帖子添加地圖 130
6．3 小結 134
第7章 React的路由 135
7．1 什么是路由 136
7．2 創(chuàng)建路由器 137
7．2．1 組件路由 138
7．2．2 創(chuàng)建組件 139
7．2．3 開始構建組件 140
7．2．4 匹配URL路徑和參數(shù)化
路由 143
7．2．5 向Router組件添加路由 144
7．3 小結 150
第8章 再談路由以及集成Firebase 153
8．1 使用路由器 154
8．1．1 創(chuàng)建帖子頁面 159
8．1．2 創(chuàng)建組件 161
8．1．3 創(chuàng)建組件 164
8．2 集成Firebase 165
8．3 小結 172
第9章 測試React組件 173
9．1 測試的類型 174
9．2 用Jest、Enzyme和
React-test-render測試React組件 177
9．3 編寫第 一個測試 178
9．3．1 開始使用Jest 179
9．3．2 測試無狀態(tài)函數(shù)組件 180
9．3．3 不使用Enzyme測試CreatePost組件 183
9．3．4 測試覆蓋率 192
9．4 小結 194
第三部分　React應用架構
第 10章 Redux應用架構 197
10．1 Flux應用架構 198
10．1．1 初識Redux：Flux的一個變種 200
10．1．2 為Redux做準備 201
10．2 在Redux中創(chuàng)建action 203
10．2．1 定義action類型 204
10．2．2 在Redux中創(chuàng)建action 205
10．2．3 創(chuàng)建Redux store并派發(fā)action 206
10．2．4 異步action和中間件 210
10．2．5 要不要使用Redux 215
10．2．6 測試action 218
10．2．7 創(chuàng)建用于崩潰報告的自定義Redux中間件 219
10．3 小結 221
第 11章　Redux進階及Redux與React集成 223
11．1 reducer決定狀態(tài)應該如何改變 224
11．1．1 狀態(tài)的結構與初始狀態(tài) 225
11．1．2 設置reducer來響應傳入的action 226
11．1．3 將reducer合并到store 232
11．1．4 測試reducer 233
11．2 將React和Redux結合起來 234
11．2．1 容器組件與展示組件 235
11．2．2 使用將組件連接到Redux store 237
11．2．3 將action綁定到組件的事件處理器上 241
11．2．4 更新測試 244
11．3 小結 245
第 12章 服務器端React與集成React Router 247
12．1 什么是服務器端渲染 248
12．2 為什么在服務器上 渲染 251
12．3 可能并不需要SSR 253
12．4 在服務器上渲染 組件 254
12．5 切換到React Router 259
12．6 使用React Router處理已 驗證的路由器 264
12．7 帶數(shù)據(jù)獲取的服務器端 渲染 268
12．8 小結 276
第 13章 React Native介紹 279
13．1 介紹React Native 279
13．2 React和React Native 282
13．3 何時使用React Native 284
13．4 最簡單的“Hello World” 285
13．5 下一站 289
13．6 小結 290