React Hooks 實戰 React Hooks in Action: With Suspense and Concurrent Mode
John Larsen 周軼 張兆陽 顏宇 譯
- 出版商: 清華大學
- 出版日期: 2022-08-01
- 定價: $588
- 售價: 8.5 折 $500
- 語言: 簡體中文
- 頁數: 315
- ISBN: 7302613575
- ISBN-13: 9787302613572
-
相關分類:
React
- 此書翻譯自: React Hooks in Action: With Suspense and Concurrent Mode
立即出貨
買這商品的人也買了...
-
CSS Secrets 中文版|解決網頁設計問題的有效秘訣 (CSS Secrets: Better Solutions to Everyday Web Design Problems)$680$537 -
$312Web API 的設計與開發 (Web API : the Good Parts) -
CODE COMPLETE:軟體開發實務指南, 2/e (中文版) (Code Complete: A Practical Handbook of Software Construction, 2/e)$1,280$998 -
$352React 實戰 (React in Action) -
一開始就學對 Android - Kotlin 與 MVVM 新架構$650$507 -
React + Node.js 開發實戰:從入門到項目上線$594$564 -
頂級網站技術長高度:前端工程進階大師指南$880$695 -
資料密集型應用系統設計 (Designing Data-Intensive Applications: The Big Ideas Behind Reliable, Scalable, and Maintainable Systems)$980$774 -
跟著 Docker 隊長,修練 22天就精通 - 搭配 20小時作者線上教學,無縫接軌 Microservices、Cloud-native、Serverless、DevOps 開發架構$880$695 -
$709IntelliJ IDEA 軟件開發與應用 -
哎呀!不小心刻了一套 React UI 元件庫 : 從無到有輕鬆上手(iThome鐵人賽系列書)$650$507 -
React 設計原理$654$621 -
$454React Hooks 開發實戰 -
$356玩轉羅布樂思:Roblox 新手開發完全攻略 -
DevOps Handbook |打造世界級技術組織的實踐指南, 2/e (中文版) (The Devops Handbook: How to Create World-Class Agility, Reliability, & Security in Technology Organizations, 2/e)$650$514 -
ReactJS 實踐入門$768$730 -
React 思維進化:一次打破常見的觀念誤解,躍升專業前端開發者(iThome鐵人賽系列書)【平裝】$750$585 -
前端開發測試入門|現在知道也還不遲的自動化測試策略必備知識$580$458 -
建立演進式系統架構|支援常態性的變更, 2/e (Building Evolutionary Architectures: Automated Software Governance, 2/e)$580$458 -
Kubernetes 零基礎實戰$419$398 -
駕馭組織 DevOps 六面向:變革、改善與規模化的全局策略$750$375 -
Clean Code 錦囊妙計 (Clean Code Cookbook : Recipes to Improve the Design and Quality of Your Code)$880$695 -
Go語言中的高效並發技術$534$507 -
C 的快速 + Python 的易學 - Go語言全功能開發養成書$880$695 -
前端測試指南:策略與實踐$650$507
中文年末書展|繁簡參展書2書75折 詳見活動內容 »
-
75折
為你寫的 Vue Components:從原子到系統,一步步用設計思維打造面面俱到的元件實戰力 (iThome 鐵人賽系列書)$780$585 -
75折
BDD in Action, 2/e (中文版)$960$720 -
75折
看不見的戰場:社群、AI 與企業資安危機$750$563 -
79折
AI 精準提問 × 高效應用:DeepSeek、ChatGPT、Claude、Gemini、Copilot 一本搞定$390$308 -
7折
超實用!Word.Excel.PowerPoint 辦公室 Office 365 省時高手必備 50招, 4/e (暢銷回饋版)$420$294 -
75折
裂縫碎光:資安數位生存戰$550$412 -
85折
日本當代最強插畫 2025 : 150位當代最強畫師豪華作品集$640$544 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
超有料 Plus!職場第一實用的 AI 工作術 - 用對 AI 工具、自動化 Agent, 讓生產力全面進化!$599$473 -
75折
從零開始學 Visual C# 2022 程式設計, 4/e (暢銷回饋版)$690$518 -
75折
Windows 11 制霸攻略:圖解 AI 與 Copilot 應用,輕鬆搞懂新手必學的 Windows 技巧$640$480 -
75折
精準駕馭 Word!論文寫作絕非難事 (好評回饋版)$480$360 -
Sam Yang 的插畫藝術:用 Procreate / PS 畫出最強男友視角 x 女孩美好日常$699$629 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
78折
想要 SSR? 快使用 Nuxt 吧!:Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化(iThome鐵人賽系列書)$780$608 -
78折
超實用!業務.總管.人資的辦公室 WORD 365 省時高手必備 50招 (第二版)$500$390 -
7折
Node-RED + YOLO + ESP32-CAM:AIoT 智慧物聯網與邊緣 AI 專題實戰$680$476 -
79折
「生成式⇄AI」:52 個零程式互動體驗,打造新世代人工智慧素養$599$473 -
7折
Windows APT Warfare:惡意程式前線戰術指南, 3/e$720$504 -
75折
我輩程式人:回顧從 Ada 到 AI 這條程式路,程式人如何改變世界的歷史與未來展望 (We, Programmers: A Chronicle of Coders from Ada to AI)$850$637 -
75折
不用自己寫!用 GitHub Copilot 搞定 LLM 應用開發$600$450 -
79折
Tensorflow 接班王者:Google JAX 深度學習又快又強大 (好評回饋版)$780$616 -
79折
GPT4 會你也會 - 共融機器人的多模態互動式情感分析 (好評回饋版)$700$553 -
79折
技術士技能檢定 電腦軟體應用丙級術科解題教本|Office 2021$460$363 -
75折
Notion 與 Notion AI 全能實戰手冊:生活、學習與職場的智慧策略 (暢銷回饋版)$560$420
相關主題
商品描述
主要內容 ●構建 可調用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



