React可以幫助你便捷地創建和處理應用程序，但要掌握如何將各部分功能有機地整合在一起卻並不容易。如何驗證表單？如何在保持代碼精簡的情況下實現復雜的多步驟用戶操作？如何測試代碼？如何保證可維護性？如何連接後端？如何提高代碼可讀性？本書可以幫你快速解決這些問題。 許多書籍教你如何入門、理解框架，或者如何將組件庫與React結合使用，但很少提供代碼示例來幫助你解決具體的問題。本書簡明易懂，包含開發人員使用React解決常見問題時的示例代碼，這些解決方案按主題和問題類型分類，便於你索引和查找。 通過閱等

●前言1
第1章 創建應用程序7
1.1 創建簡單的應用程序7
1.2 用Gatsby創建內容豐富的應用程序11
1.3 用Razzle創建通用應用程序14
1.4 使用Next.js管理服務端和客戶端代碼16
1.5 用Preact創建輕量級應用程序19
1.6 用nwb創建組件庫22
1.7 用Webpacker給Rails項目添加React24
1.8 用Preact創建自定義HTML標簽26
1.9 在組件開發中使用Storybook30
1.10 用Cypress在瀏覽器中測試代碼33
第2章 路由37
2.1 使用響應式路由創建界面37
2.2 將狀態移入路由43
2.3 使用MemoryRouter測試49
2.4 使用提示窗確認頁面退出操作52
2.5 用React Transition Group創建過渡58
2.6 創建安全路由63
第3章 管理狀態69
3.1 用reducer來管理復雜狀態69
3.2 實現撤銷功能78
3.3 創建和驗證表單84
3.4 根據時間變化設置定時任務92
3.5 監控在線狀態96
3.6 用Redux管理全局狀態97
3.7 用Redux持久化庫實現頁面重新加載104
3.8 用reselect計算派生狀態107
第4章 交互設計113
4.1 建立錯誤集中處理器113
4.2 創建交互式幫助向導118
4.3 在復雜交互中使用reducer125
4.4 添加按鍵交互131
4.5 對豐富的內容使用Markdown133
4.6 使用CSS類引入動畫效果138
4.7 在React中引入動畫庫140
4.8 使用TweenOne給信息圖添加動畫145
第5章 連接後端服務151
5.1 將網絡請求轉化為Hook151
5.2 使用狀態計數器自動更新數據157
5.3 使用token來取消網絡請求165
5.4 使用Redux的中間件發起網絡請求168
5.5 連接到GraphQL174
5.6 通過防抖減少網絡負載181
第6章 組件庫185
6.1 使用Material-UI創建Material Design風格的應用185
6.2 使用React Bootstrap為應用引入簡單的用戶界面192
6.3 使用React Window展示大量數據196
6.4 使用Material-UI創建響應式對話框199
6.5 使用React Admin創建管理控制臺202
6.6 沒有設計師？使用Semantic UI209
第7章 安全性215
7.1 使用安全API替代安全路由215
7.2 使用物理令牌進行身份驗證223
7.3 使用HTTPS233
7.4 使用指紋認證236
7.5 敏感操作前驗證登錄信息243
7.6 使用單因素身份驗證249
7.7 在Android設備上測試254
7.8 使用ESlint檢查代碼安全性256
7.9 讓登錄表單對瀏覽器更加友好260
第8章 測試263
8.1 使用React Testing Library264
8.2 使用Storybook做渲染測試271
8.3 使用Cypress做無服務器測試277
8.4 使用Cypress做離線測試284
8.5 使用Selenium在瀏覽器中測試287
8.6 用ImageMagick測試跨瀏覽器的視覺效果294
8.7 給移動端瀏覽器添加控制臺301
8.8 消除測試中的隨機性306
8.9 時間旅行309
第9章 無障礙訪問315
9.1 使素315
9.2 應用role、alt和title321
9.3 使用ESlint檢查可訪問性329
9.4 在運行時使用axe DevTools334
9.5 使用Cypress Axe自動化瀏覽器測試338
9.6 添加跳過按鈕342
9.7 添加跳過區域348
9.8 將焦點鎖定在模態窗口中356
9.9 使用Speech API創建頁面閱讀器359
第10章 性能365
10.1 使用瀏覽器性能工具366
10.2 使用Profiler跟蹤渲染372
10.3 創建Profil測試377
10.4 準確測量時間381
10.5 使用代碼分割技術減小應用程序體積384
10.6 使用promise實現網絡請求異步化391
10.7 使用服務端渲染394
10.8 使用Web Vitals404
第11章 漸進式Web應用407
11.1 使用Workbox創建Service Worker407
11.2 使用Create React App創建漸進式Web應用423
11.3 緩存第三方資源426
11.4 自動重新加載Service Worker430
11.5 添加通知434
11.6 使用後臺同步進行離線修改441
11.7 添加自定義安裝界面446
11.8 提供離線響應450

React可以幫助你便捷地創建和處理應用程序，但要掌握如何將各部分功能有機地整合在一起卻並不容易。如何驗證表單？如何在保持代碼精簡的情況下實現復雜的多步驟用戶操作？如何測試代碼？如何保證可維護性？如何連接後端？如何提高代碼可讀性？本書可以幫你快速解決這些問題。
許多書籍教你如何入門、理解框架，或者如何將組件庫與React結合使用，但很少提供代碼示例來幫助你解決具體的問題。本書簡明易懂，包含開發人員使用React解決常見問題時的示例代碼，這些解決方案按主題和問題類型分類，便於你索引和查找。
通過閱讀本書，你將學會：
*向使用React構建的單頁面應用程序引入豐富多彩的UI。
*創建可以離線安裝和使用的漸進式Web應用程序。
*與REST、GraphQL等後端服務集成。
*自動測試應用程序的可訪問性。
*使用W等