React Cookbook中文版:87個案例帶你精通React框架
錢昱, 姚明壯, 李青 譯
出版時間:2023年03月
頁數(shù):454
“本書將帶你了解React開發(fā)的整個生命周期。每個代碼案例都簡明易懂,是作者智慧的結(jié)晶。這是一本所有開發(fā)者必讀之書!”
——Sam Warner
軟件工程師
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,并避免常見的功能和性能問題。
- 前言
- 第1章 創(chuàng)建應(yīng)用程序
- 1.1 創(chuàng)建簡單的應(yīng)用程序
- 1.2 用Gatsby創(chuàng)建內(nèi)容豐富的應(yīng)用程序
- 1.3 用Razzle創(chuàng)建通用應(yīng)用程序
- 1.4 使用Next.js管理服務(wù)端和客戶端代碼
- 1.5 用Preact創(chuàng)建輕量級應(yīng)用程序
- 1.6 用nwb創(chuàng)建組件庫
- 1.7 用Webpacker給Rails項目添加React
- 1.8 用Preact創(chuàng)建自定義HTML標簽
- 1.9 在組件開發(fā)中使用Storybook
- 1.10 用Cypress在瀏覽器中測試代碼
- 第2章 路由
- 2.1 使用響應(yīng)式路由創(chuàng)建界面
- 2.2 將狀態(tài)移入路由
- 2.3 使用MemoryRouter進行單元測試
- 2.4 使用提示窗確認頁面退出操作
- 2.5 用React Transition Group創(chuàng)建過渡
- 2.6 創(chuàng)建安全路由
- 第3章 管理狀態(tài)
- 3.1 用reducer來管理復(fù)雜狀態(tài)
- 3.2 實現(xiàn)撤銷功能
- 3.3 創(chuàng)建和驗證表單
- 3.4 根據(jù)時間變化設(shè)置定時任務(wù)
- 3.5 監(jiān)控在線狀態(tài)
- 3.6 用Redux管理全局狀態(tài)
- 3.7 用Redux持久化庫實現(xiàn)頁面重新加載
- 3.8 用reselect計算派生狀態(tài)
- 第4章 交互設(shè)計
- 4.1 建立錯誤集中處理器
- 4.2 創(chuàng)建交互式幫助向?qū)?
- 4.3 在復(fù)雜交互中使用reducer
- 4.4 添加按鍵交互
- 4.5 對豐富的內(nèi)容使用Markdown
- 4.6 使用CSS類引入動畫效果
- 4.7 在React中引入動畫庫
- 4.8 使用TweenOne給信息圖添加動畫
- 第5章 連接后端服務(wù)
- 5.1 將網(wǎng)絡(luò)請求轉(zhuǎn)化為Hook
- 5.2 使用狀態(tài)計數(shù)器自動更新數(shù)據(jù)
- 5.3 使用token來取消網(wǎng)絡(luò)請求
- 5.4 使用Redux的中間件發(fā)起網(wǎng)絡(luò)請求
- 5.5 連接到GraphQL
- 5.6 通過防抖減少網(wǎng)絡(luò)負載
- 第6章 組件庫
- 6.1 使用Material-UI創(chuàng)建Material Design風(fēng)格的應(yīng)用
- 6.2 使用React Bootstrap為應(yīng)用引入簡單的用戶界面
- 6.3 使用React Window展示大量數(shù)據(jù)
- 6.4 使用Material-UI創(chuàng)建響應(yīng)式對話框
- 6.5 使用React Admin創(chuàng)建管理控制臺
- 6.6 沒有設(shè)計師?使用Semantic UI
- 第7章 安全性
- 7.1 使用安全API替代安全路由
- 7.2 使用物理令牌進行身份驗證
- 7.3 使用HTTPS
- 7.4 使用指紋認證
- 7.5 敏感操作前驗證登錄信息
- 7.6 使用單因素身份驗證
- 7.7 在Android設(shè)備上測試
- 7.8 使用ESlint檢查代碼安全性
- 7.9 讓登錄表單對瀏覽器更加友好
- 第8章 測試
- 8.1 使用React Testing Library
- 8.2 使用Storybook做渲染測試
- 8.3 使用Cypress做無服務(wù)器測試
- 8.4 使用Cypress做離線測試
- 8.5 使用Selenium在瀏覽器中測試
- 8.6 用ImageMagick測試跨瀏覽器的視覺效果
- 8.7 給移動端瀏覽器添加控制臺
- 8.8 消除測試中的隨機性
- 8.9 時間旅行
- 第9章 無障礙訪問
- 9.1 使用地標元素
- 9.2 應(yīng)用role、alt和title
- 9.3 使用ESlint檢查可訪問性
- 9.4 在運行時使用axe DevTools
- 9.5 使用Cypress Axe自動化瀏覽器測試
- 9.6 添加跳過按鈕
- 9.7 添加跳過區(qū)域
- 9.8 將焦點鎖定在模態(tài)窗口中
- 9.9 使用Speech API創(chuàng)建頁面閱讀器
- 第10章 性能
- 10.1 使用瀏覽器性能工具
- 10.2 使用Profiler跟蹤渲染
- 10.3 創(chuàng)建Profiler單元測試
- 10.4 精確測量時間
- 10.5 使用代碼分割技術(shù)減小應(yīng)用程序體積
- 10.6 使用promise實現(xiàn)網(wǎng)絡(luò)請求異步化
- 10.7 使用服務(wù)端渲染
- 10.8 使用Web Vitals
- 第11章 漸進式Web應(yīng)用
- 11.1 使用Workbox創(chuàng)建Service Worker
- 11.2 使用Create React App創(chuàng)建漸進式Web應(yīng)用
- 11.3 緩存第三方資源
- 11.4 自動重新加載Service Worker
- 11.5 添加通知
- 11.6 使用后臺同步進行離線修改
- 11.7 添加自定義安裝界面
- 11.8 提供離線響應(yīng)
書名:React Cookbook中文版:87個案例帶你精通React框架
譯者:錢昱, 姚明壯, 李青 譯
國內(nèi)出版社:機械工業(yè)出版社
出版時間:2023年03月
頁數(shù):454
書號:978-7-111-72280-9
原版書書名:React Cookbook
原版書出版商:O'Reilly Media
David Griffiths
David Griffiths從12歲就開始編程了,那時候他看到了有關(guān)Seymour Papert的工作的一篇文章。15歲的時候,他寫了Papert計算機語言LOGO的一個應(yīng)用。在大學(xué)了學(xué)習(xí)了純數(shù)學(xué)之后,他開始給計算機寫代碼,也給雜志讀者寫文章。他做過敏銳的教練,開發(fā)人員,還有車庫服務(wù)員,只不過不是以這樣的順序干活的。他能用10種以上的語言編寫代碼,或是一種語言寫散文,而當(dāng)他不在寫作,編碼或是教練時,他就把大部分的閑暇時間花在旅行上,和他那可愛的妻子一起,還有Head First系列的作者—Dawn。
在寫《深入淺出Programming》之前, 他寫過另外一本書,叫做《深入淺出 Rails》,那是一本很出色的讀物,而且可以作為一份貼心的禮物送給任何一個親近的朋友或是家庭成員。
你可以在Twitter上關(guān)注他:http://twitter.com/dgriffiths。
Dawn Griffiths
dawn griffiths,在英國一所頂尖的大學(xué)開始了她的數(shù)學(xué)生涯,獲得了數(shù)學(xué)系的榮譽學(xué)位,畢業(yè)以后投身軟件開發(fā)行業(yè),迄今已經(jīng)有15年的it行業(yè)從業(yè)經(jīng)驗。
在和david一起寫《嗨翻c語言》之前,dawn寫過兩本head first系列的書(《深入淺出統(tǒng)計學(xué)》和head first 2d geometry),同時還主持過該系列其他幾本書。