React 開發實踐：掌握 Redux 與 Hooks 應用
袁龍
買這商品的人也買了...
-
TCP/IP 網路通訊協定, 2/e$560$437 -
$301零成本實現Android/iOS自動化測試——基於Appium和Test Perfect -
Hadoop 技術手冊, 4/e (Hadoop: The Definitive Guide, 4/e)$980$774 -
$500NLP 漢語自然語言處理原理與實踐 -
$403TensorFlow技術解析與實戰 -
$403深度學習原理與TensorFlow實踐 -
$265Web API 的設計與開發 (Web API : the Good Parts) -
$374Keras 快速上手：基於 Python 的深度學習實戰 -
Deep Learning｜用 Python 進行深度學習的基礎理論實作$580$458 -
$301精通 Python 自然語言處理 (Mastering Natural Language Processing with Python) -
Python：期貨演算法交易實務 121個關鍵技巧詳解$500$390 -
Google Analytics 終極實戰寶典$690$545 -
$297深入淺出 Spring Boot 2.x -
持續 API 管理｜在不斷演變的生態系統中做出正確決策 (Continuous API Management: Making the Right Decisions in an Evolving Landscape)$520$411 -
Spark 技術手冊｜輕鬆寫意處理大數據 (Spark: The Definitive Guide｜Big Data Processing Made Simple)$880$695 -
Python 非同步設計｜使用 Asyncio (Using Asyncio in Python )$480$379 -
Python 並行編程實戰, 2/e (Python Parallel Programming Cookbook, 2/e)$474$450 -
$454Kafka 進階 -
$536劍指大數據 — Flink 學習精要 (Java版) -
數據網格｜大規模提供資料驅動價值 (Data Mesh: Delivering Data-Driven Value at Scale)$680$537 -
$662深入淺出Spring Boot 3.x -
OpenShift 高效運維：SRE 視角的集群和分佈式系統管理$534$507 -
推薦系統實踐入門｜可應用於工作上的指引$680$537 -
資料工程基礎｜規劃和建構強大、穩健的資料系統 (Fundamentals of Data Engineering)$980$774 -
Vue 開發者升級指南 -- Nuxt3 入門：打造 SSR 專案$980$774
相關主題
商品描述
"本書是一本專為前端開發讀者打造的詳細指南，旨在幫助讀者全面掌握 React.js 技術，並提升開發 能力。本書從 React.js 基礎概念入手，帶領讀者逐步深入學習 React 腳手架應用、 React 生命周期等核心 內容，助力讀者建立對React.js 技術棧的整體認知和項目搭建能力。本書豐富的實例和經驗分享有助於 讀者掌握**實踐，涵蓋了 React 動畫、 Redux、路由、 Hooks 等關鍵主題的深入解析，幫助讀者在實 際開發中更加熟練地應用這些技術。此外，書中還包含企業官網項目實戰案例，通過學習實際經驗來提 升問題解決能力，為未來的開發工作做好準備。 無論你是初學者還是希望進階成為 React.js 高手，都能在本書中找到啟示和指引，一起踏上 React.js 之旅，探索編程的樂趣與挑戰！"
目錄大綱
目 錄
第1章 JavaScript基礎知識 1
1.1 JavaScript構造函數 1
1.1.1 原始構造函數 1
1.1.2 構造函數中的實例屬性和靜態屬性 2
1.1.3 構造函數中的實例方法和靜態方法 3
1.2 ES6 class關鍵字創建類 4
1.3 class類繼承 6
1.3.1 屬性繼承 6
1.3.2 方法繼承 7
1.3.3 創建類的私有屬性和方法 8
1.4 深入解析JavaScript ES6展開運算符 9
1.5 ES6數組迭代方法 11
1.5.1 map()方法 11
1.5.2 forEach()方法 12
1.5.3 filter()方法 14
1.5.4 some()方法 15
1.5.5 every()方法 16
1.5.6 reduce()方法 17
1.6 ES6解構賦值 18
1.7 箭頭函數中的this指向 20
第2章 React基礎入門 23
2.1 React簡介 23
2.1.1 React、Vue、Angular三大框架流行趨勢 24
2.1.2 React的優勢 24
2.2 Hello React開啟你的React之旅 25
2.3 React組件化開發 27
2.4 渲染書籍列表案例 29
2.5 計數器案例 31
2.6 JSX語法詳解 32
2.6.1 JSX基本使用 32
2.6.2 JSX中嵌入表達式 34
2.6.3 JSX綁定屬性 35
2.6.4 動態設置class屬性 37
2.7 綁定this的三種方法 39
2.8 事件參數傳遞 42
2.9 菜單排他 43
2.10 React條件渲染 44
2.11 React列表渲染 46
第3章 React腳手架應用 49
3.1 安裝create-react-app腳手架 49
3.2 React腳手架項目目錄結構及作用 50
3.3 React腳手架渲染Hello React 51
3.4 React函數式組件的定義及使用 53
第4章 React生命周期 55
4.1 認識生命周期 55
4.2 componentDidMount()生命周期函數的應用 56
4.3 componentDidUpdate()生命周期函數的應用 58
4.4 componentWillUnmount()生命周期函數的應用 59
第5章 組件通信 62
5.1 組件嵌套 62
5.2 父組件向子組件傳遞數據 64
5.3 prop-types數據類型校驗 66
5.4 子組件向父組件傳遞數據 67
5.5 組件通信選項卡案例 70
5.6 children子元素模擬插槽 74
5.7 props模擬插槽 75
5.8 模擬作用域插槽 76
5.9 Context數據傳遞 79
5.10 事件總線 82
第6章 React組件化開發 85
6.1 setState()的作用以及用法 85
6.2 組件性能優化shouldComponentUpdate 87
6.3 組件性能優化PureComponent 89
6.4 函數組件性能優化 91
6.5 組件中state數據不可變性原則 92
6.6 使用ref獲取DOM的三種方式 93
6.7 ref獲取組件 95
6.8 受控組件與非受控組件 97
6.9 Checkbox受控表單組件應用 99
6.10 Select受控表單組件應用 102
6.11 React高階組件 104
6.12 高階組件的應用場景 106
6.13 高階組件應用案例 107
6.14 Portals的應用 109
6.15 Fragment組件 110
第7章 React動畫及CSS樣式 112
7.1 react-transition-group動畫庫 112
7.2 CSSTransition生命周期函數 115
7.3 SwitchTransition動畫 116
7.4 TransitionGroup動畫 118
7.5 在React中如何引入CSS 120
7.5.1 內聯式CSS 120
7.5.2 CSS文件引入 122
7.5.3 CSS Module 123
7.5.4 CSS in JS 124
7.5.5 styled-components的數據傳遞和動態樣式設置 126
7.5.6 添加class屬性 127
第8章 Redux 130
8.1 Redux簡介 130
8.2 Redux訂閱與取消訂閱 132
8.3 調用函數生成action對象 133
8.4 react-redux庫的應用 135
8.5 Redux異步請求數據 138
8.6 reduce-thunk中間件的應用 141
8.7 Redux模塊拆分 145
8.8 Redux Toolkit的應用 146
第9章 React-Router 150
9.1 路由的基本應用 150
9.2 NavLink的應用 152
9.3 Navigate重定向導航組件 154
9.4 配置Not Found頁面 156
9.5 嵌套路由 157
9.6 鏈式路由跳轉 159
9.7 高階組件實現在class組件中使用useNavigate() 161
9.8 動態路由參數傳遞 163
9.9 路由查詢參數傳遞 165
9.10 抽離路由匹配規則模塊 167
9.11 懶加載與路由分包 169
第10章 React Hooks 171
10.1 體驗Hooks 171
10.2 useState詳解 174
10.3 Redux Hook 175
10.4 shallowEqual性能優化 177
10.5 useEffect Hook 179
10.6 useContext Hook 181
10.7 useRef Hook 183
10.8 useMemo和useCallback Hook 184
10.9 自定義Hook 187
10.10 使用第三方Hook 191
第11章 項目實戰 193
11.1 項目概述 193
11.2 創建React項目 195
11.3 配置路徑別名及less樣式 197
11.4 CSS樣式重置 199
11.5 配置Router 200
11.6 封裝Axios網絡請求 203
11.7 Header區域樣式開發 205
11.8 實現首頁Banner區域和廣告區域樣式佈局 208
11.9 實現首頁商家推薦區域和產品中心區域樣式佈局 211
11.10 Footer區域樣式開發 215
11.11 發送網絡請求獲取首頁數據 217
11.12 父組件向子組件傳值（一） 220
11.13 父組件向子組件傳值（二） 222
11.14 產品列表頁面佈局 224
11.15 渲染產品列表數據 227
11.16 產品詳情頁面業務邏輯 231
11.17 使用Ant Design實現輪播圖模塊 234
第12章 React組件庫Ant Design 237
12.1 Ant Design簡介及安裝 237
12.2 Ant Design按鈕和圖標 238
12.3 Ant Design表單和輸入框 243
12.4 Ant Design導航菜單和佈局 246
12.5 Ant Design數據展示和表格 248
12.6 Ant Design彈窗和通知 251
12.7 Ant Design圖表和地圖 253
12.8 Ant Design自定義主題和樣式定製 256
