React Cookbook中文版：87個案例帶你精通React框架

定　價：￥149.00

作　者：	[英]大衛(wèi)·格里菲思，[英]道恩·格里菲思
出版社：	機械工業(yè)出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

當(dāng)當(dāng)網(wǎng) (￥111.70)

ISBN：	9787111722809	出版時間：	2023-03-01	包裝：	平裝-膠訂
開本：	16開	頁數(shù)：		字數(shù)：

內(nèi)容簡介

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

作者簡介

　　David Griffiths是一位作家、培訓(xùn)師和軟件開發(fā)者，擁有6年React開發(fā)經(jīng)驗。他為初創(chuàng)公司、零售商店、汽車制造商、國家體育機構(gòu)和大型軟件供應(yīng)商編寫過應(yīng)用程序。Dawn Griffiths是一位作家和培訓(xùn)師，擁有20多年的軟件開發(fā)經(jīng)驗，有創(chuàng)建桌面和Web應(yīng)用程序的豐富實踐經(jīng)驗。David和Dawn一起編寫了數(shù)本書籍，其中包括Head First Android Development和Head First Kotlin。他們還為O'Reilly提供實時的在線培訓(xùn)。

圖書目錄

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