React Hooks 實戰 React Hooks in Action: With Suspense and Concurrent Mode
John Larsen 周軼 張兆陽 顏宇 譯
- 出版商: 清華大學
- 出版日期: 2022-08-01
- 售價: $588
- 貴賓價: 9.5 折 $559
- 語言: 簡體中文
- 頁數: 315
- ISBN: 7302613575
- ISBN-13: 9787302613572
-
相關分類:
React
- 此書翻譯自: React Hooks in Action: With Suspense and Concurrent Mode
立即出貨
買這商品的人也買了...
-
$680$537 -
$265Web API 的設計與開發 (Web API : the Good Parts)
-
$1,280$1,088 -
$352React 實戰 (React in Action)
-
$650$553 -
$594$564 -
$880$695 -
$980$774 -
$880$695 -
$709IntelliJ IDEA 軟件開發與應用
-
$650$325 -
$654$621 -
$534$507 -
$356玩轉羅布樂思:Roblox 新手開發完全攻略
-
$650$487 -
$768$730 -
$750$375 -
$580$435 -
$580$458 -
$419$398 -
$750$375 -
$880$695 -
$534$507 -
$880$695 -
$650$553
商品描述
主要內容 ●構建 可調用React功能的函數組件 ●管理本地狀態、共享狀態以及應用程序狀態 ●學習內置hook、自定義hook以及第三方hook ●利用React Query加載、 更新和緩存數據 ●利用代碼 分割和React Suspense請求數據並提升頁面體驗
作者簡介
約翰·拉森(John Larsen),從20世紀80年代開始從事編程工作,最開始是在Commodore VIC-20上編寫Basic,隨後又涉獵了Java、PHP、C#以及JavaScript等領域。他還編寫了同樣由曼寧出版社出版的Get Programming with JavaScript一書。他在英國當了25年的數學老師,為高中生講授計算機知識,並為學校開發與教學類、學習類以及溝通有關的Web程序。
目錄大綱
第Ⅰ部分 React Hooks介紹及應用
第1章 逐漸演進的React
1.1 什麽是React
1.1.1 用組件構建UI
1.1.2 同步狀態和UI
1.1.3 理解組件的類型
1.2 React中的新增功能
1.3 可以為函數式組件添加狀態的React Hooks
1.3.1 有狀態的函數式組件:更少的代碼,更好的組織結構
1.3.2 自定義hook:更易於代碼覆用
1.3.3 第三方的hook提供了完備的、經過良好測試的功能
1.4 通過Concurrent模式和Suspense獲得更好的UX
1.4.1 Concurrent模式
1.4.2 Suspense
1.5 全新的React發布渠道
1.6 本書讀者對象
1.7 開始吧
1.8 本章小結
第2章 使用useState hook管理組件的狀態
2.1 搭建預訂管理應用程序
2.1.1 通過create-react-app生成應用程序的框架
2.1.2 編輯四個關鍵文件
2.1.3 為應用程序添加數據庫文件
2.1.4 創建頁面組件和UserPicker.js文件
2.2 通過useState存儲、使用和設置值
2.2.1 給變量賦新值並不會更新UI
2.2.2 調用useState返回一個值和一個updater函數
2.2.3 調用updater函數替換之前的狀態值
2.2.4 將函數傳遞給useState作為初始值
2.2.5 設置新狀態時需要使用之前的狀態
2.3 多次調用useState以處理多個狀態值
2.3.1 使用下拉菜單設置狀態
2.3.2 使用覆選框設置狀態
2.4 覆習函數式組件概念
2.5 本章小結
第3章 使用useReducer hook管理組件的狀態
3.1 在響應一個事件時更新多個狀態值
3.1.1 不可預測的狀態變化會將用戶帶離焦點
3.1.2 通過可預測的狀態變化讓用戶沈浸在電影中
3.2 通過useReducer管理更覆雜的狀態
3.2.1 使用reducer及一個預定義的action集更新狀態
3.2.2 為BookablesList組件構建reducer
3.2.3 使用useReducer訪問組件狀態並分派action
3.3 通過函數生成初始狀態
3.3.1 引入WeekPicker組件
3.3.2 創建用以處理日期和星期的工具函數
3.3.3 構建幫助組件管理日期的reducer
3.3.4 向useReducerhook傳遞初始化函數
3.3.5 使用WeekPicker更新BookingsPage
3.4 覆習useReducer的相關概念
3.5 本章小結
第4章 處理副作用
4.1 通過簡單示例探討useEffectAPI
4.1.1 在每次渲染後運行副作用
4.1.2 僅當組件被掛載時運行副作用
4.1.3 通過返回一個函數清理副作用
4.1.4 通過指定依賴項控制effect的運行時間
4.1.5 總結調用useEffect hook的方式
4.1.6 在瀏覽器重繪之前調用useLayoutEffect運行effect
4.2 獲取數據
4.2.1 新建一個db.json文件
4.2.2 設置JSON服務器
4.2.3 通過useEffect hook獲取數據
4.2.4 使用async和await
4.3 獲取BookablesList組件的數據
4.3.1 測試數據加載的過程
4.3.2 更新reducer以管理加載中狀態和錯誤狀態
4.3.3 創建一個用於加載數據的輔助函數
4.3.4 加載可預訂對象
4.4 本章小結
第5章 使用useRef hook管理組件狀態
5.1 更新狀態但不觸發重新渲染
5.1.1 對比useState和useRef在更新狀態值時的區別
5.1.2 調用useRef
5.2 在ref中保存計時器ID
5.3 保存DOM元素的引用
5.3.1 在事件響應中將焦點設置到指定元素上
5.3.2 利用ref控制文本框
5.4 本章小結
第6章 管理應用程序的狀態
6.1 向子組件傳遞共享狀態
6.1.1 通過設置子組件的prop傳遞父組件的狀態
6.1.2 從父組件接收狀態作為prop
6.1.3 從父組件接收updater函數作為prop
6.2 拆分組件
6.2.1 將組件視為大型應用程序的一部分
6.2.2 在一個頁面上組織多個組件
6.2.3 創建BookableDetails組件
6.3 共享useReducer返回的狀態和dispatch函數
6.3.1 在BookablesView組件中管理狀態
6.3.2 從reducer中刪除一個action
6.3.3 在BookablesList組件中接收狀態和dispatch函數
6.4 共享useState返回的狀態和updater函數
6.4.1 在BookablesView組件中管理選定的可預訂信息
6.4.2 在BookablesList中接收可預訂信息和updater函數
6.5 使用useCallback傳遞函數以避免重覆定義
6.5.1 使用prop傳入的函數作為依賴項
6.5.2 使用useCallbackhook維護函數的標識
6.6 本章小結
第7章 使用useMemo管理性能
7.1 廚子不喜歡製作一人份的小蛋糕
7.1.1 使用高開銷算法生成變位詞
7.1.2 避免多餘的函數調用
7.2 通過useMemo記憶化高開銷函數
7.3 在Booki