React 基礎教程
韓崗 王儷璇 李晉華
買這商品的人也買了...
-
超圖解 Python 物聯網實作入門 -- 使用 ESP8266 與 MicroPython$699$552 -
商業級 ASP.NET MVC 樣式與架構實務$550$468 -
$505瘋狂 XML 講義, 3/e -
TypeScript 程式設計 (Programming TypeScript)$580$458 -
完全精通微軟 Web 架構：ASP.Net Core 3 最新強實戰 (有些許瑕疵,不影響閱讀)$1,200$948 -
Python 自動化的樂趣｜搞定重複瑣碎&單調無聊的工作, 2/e (Automate the Boring Stuff with Python : Practical Programming for Total Beginners, 2/e)$680$537 -
用 Node.js 一統 JavaScript 前後端：強勢 Web 開發親手作 (有些許瑕疵,不影響閱讀)$780$663 -
$862React 全家桶 : 前端開發與實例詳解 (Fullstack React: The Complete Guide to ReactJS and Friends) -
React + Node.js 開發實戰：從入門到項目上線$594$564 -
$602ASP.NET Core 3 全棧 Web 開發 : 使用 .NET Core 3.1 和 Angular 9 (第三版) -
精通 ASP.NET Core MVC, 7/e (Pro ASP.NET Core MVC 2, 7/e)$1,019$968 -
TypeScript 邁向專家之路：零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰 (Essential TypeScript: From Beginner to Pro)$880$695 -
用 ASP.NET Core 打造軟體積木和應用系統$400$316 -
$403Vue.js 3移動應用開發實戰 -
Vue.js 3 應用開發與核心源碼解析$534$507 -
從 Hooks 開始，讓你的網頁 React 起來 (第二版)（iT邦幫忙鐵人賽系列書）$720$562 -
哎呀!不小心刻了一套 React UI 元件庫 : 從無到有輕鬆上手（iThome鐵人賽系列書）$650$507 -
從零開始學 Node.js$594$564 -
實戰 Python Flask 開發｜基礎知識 x 物件偵測 x 機器學習應用$620$489 -
哎呀！原來 React 這麼有趣好玩：圈叉、貪吃蛇、記憶方塊三款經典遊戲實戰練習（iThome鐵人賽系列書）$620$484 -
Angular 開發入門與實戰 (微課視頻版)$479$455 -
Node.js 從基礎到項目實踐 (視頻教學版)$479$455 -
輕鬆自學 ASP.NET Core MVC(.NET 8)：從建置到部署的 Web 程式經典範例實作$780$616 -
React 思維進化：一次打破常見的觀念誤解，躍升專業前端開發者（iThome鐵人賽系列書）【軟精裝】$790$616 -
ASP.NET Core + Vue.js 全棧開發訓練營$594$564
商品描述
本書是一本專門介紹React前端框架基本原理及其相關工程實踐的技術圖書。全書共14章，主要包括React基本原理、React組件、React開發環境與工具、React高級技術、React應用實例、React相關資源等方面的內容。全書從React基本原理講到組件開發，最後又講到實際工程環境，並以高校選課系統為實例進行分析，既覆蓋了React開發的理論，又給出了接近實際工程環境的實例。本書語言表述通俗易懂，在講解技術應用的同時也力圖介紹清楚底層原理和相關概念，此外還配有生動的實例分析，便於讀者全面把握和深入理解React技術。
本書編者長期從事信息技術和信息系統的研發工作，並擁有多年的教學經驗。本書內容全面，編排合理，論述清晰，可作為高等院校React前端開發相關課程的配套教材，也可作為相關技術培訓課程的配套教材，還可以作為從事Web前端設計與製作工作的開發者的工具書。
作者簡介
韩岗：
博士，2013年毕业于国防科技大学计算机学院，后从事软件架构设计与研发工作。参加工作以来，主持和参与了医疗、教育等领域多个软件系统项目，在架构设计和技术选型方面积累了丰富的经验。2014年，开始尝试最早的组件化前端开发框架——Angular.js。此后，在不同的项目中还分别使用了Vue.js和React，并深深地迷上了这种简洁、规范的前端开发思路。曾先后在国内外发表二十多篇SCI、EI论文，引数达上百次。
目錄大綱
【章名目錄】
第 1章 React基礎
第 2章 React組件
第3章 組件的生命周期函數
第4章 組件事件處理
第5章 React表單
第6章 React組件復用
第7章 常用組件設計實例
第8章 React開發環境與工具
第9章 React Hook
第 10章 Flux和Redux
第 11章 路由
第 12章 前後端交互
第 13章 React單元測試
第 14章 工程實例——選修課選課系統
附錄A 相關資源
附錄B 名詞解釋
【詳細目錄】
第 1章 React基礎
1.1 React概述 1
1.2 React基本結構 2
1.2.1 虛擬DOM 3
1.2.2 組件 3
1.2.3 React元素 4
1.2.4 渲染 5
1.3 第 一個React程序 6
1.3.1 基本運行環境 6
1.3.2 Hello world 7
1.4 React的DOM更新機制 8
1.4.1 前提 8
1.4.2 差異比較算法 8
1.4.3 React Fiber架構 10
1.5 JSX 11
1.5.1 JSX介紹 11
1.5.2 JSX使用方法 12
1.5.3 JSX轉義工具 18
1.6 React開發中的約定 19
1.6.1 單一根結點 19
1.6.2 組件名約定 20
1.6.3 class、for保留字 20
1.6.4 行內樣式 20
1.6.5 HTML轉義 21
1.6.6 自定義HTML屬性 21
1.7 本章小結 22
1.8 習題 22
第 2章 React組件
2.1 組件的定義 23
2.1.1 props 24
2.1.2 state 25
2.1.3 render() 26
2.2 有狀態組件與無狀態組件 27
2.2.1 哪些組件應該有state 28
2.2.2 哪些數據應該放入state中 28
2.2.3 哪些數據不應該放入state中 28
2.3 ref引用 28
2.3.1 createRef() 方式 29
2.3.2 回調方式 29
2.3.3 字符串方式 30
2.4 props屬性驗證 30
2.5 組件的其他成員 32
2.6 本章小結 34
2.7 習題 34
第3章 組件的生命周期函數
3.1 生命周期函數 35
3.2 掛載函數 36
3.3 更新函數 37
3.4 卸載函數 39
3.5 簡單示例：數字時鐘 40
3.6 本章小結 41
3.7 習題 41
第4章 組件事件處理
4.1 事件處理 42
4.2 事件綁定 44
4.3 事件代理 45
4.4 合成事件 45
4.5 響應其他事件 46
4.6 本章小結 47
4.7 習題 47
第5章 React表單
5.1 使用表單 48
5.2 表單元素 49
5.3 事件響應 50
5.3.1 bind復用 50
5.3.2 name復用 52
5.4 可控組件 53
5.5 不可控組件 54
5.6 本章小結 55
5.7 習題 56
第6章 React組件復用
6.1 組件分離 57
6.1.1 組件嵌套 57
6.1.2 動態組件 58
6.2 組件間通信 59
6.2.1 事件回調機制 59
6.2.2 公開組件功能 60
6.2.3 動態參數傳遞 61
6.3 組件邏輯復用 62
6.3.1 mixins機制 62
6.3.2 渲染屬性 63
6.3.3 高階組件 64
6.3.4 Context機制 64
6.3.5 React Hook技術 67
6.3.6 Store機制 67
6.4 高階組件技術 67
6.4.1 高階組件概念 67
6.4.2 高階組件與屬性轉換器 69
6.4.3 高階組件與異步數據請求 70
6.5 本章小結 71
6.6 習題 71
第7章 常用組件設計實例
7.1 按鈕組件設計 72
7.2 模態對話框組件設計 75
7.3 樹形組件設計 80
7.4 表格及分頁組件設計 84
7.4.1 表格體組件 85
7.4.2 表格頭組件 86
7.4.3 分頁組件 87
7.4.4 表格組件 89
7.5 綜合示例 93
7.5.1 樹表聯動綜合示例 93
7.5.2 消息管理綜合示例 94
7.6 本章小結 97
7.7 習題 97
第8章 React開發環境與工具
8.1 Node.js環境 98
8.1.1 Node.js環境的安裝 98
8.1.2 最簡Web服務 99
8.1.3 React服務器端渲染 100
8.2 NPM模塊管理 100
8.2.1 NPM模塊安裝 101
8.2.2 使用package.json 101
8.2.3 其他命令 102
8.3 常用前端代碼編輯器簡介 103
8.4 Webpack打包工具 104
8.4.1 Webpack介紹 104
8.4.2 Webpack基本原理 105
8.4.3 Webpack使用基本概念 106
8.4.4 Webpack配置項 106
8.4.5 幾個常用插件 108
8.4.6 打包成多個資源文件 108
8.5 React開發中的Webpack 109
8.5.1 Babel工具 109
8.5.2 模塊動態加載 110
8.5.3 模塊熱替換技術 110
8.6 使用Chrome瀏覽器進行調試 112
8.6.1 設備類型預覽 113
8.6.2 DOM結構查看 113
8.6.3 Console控制台 114
8.6.4 網絡請求查看 114
8.6.5 頁面源代碼查看 115
8.7 React開發工具 117
8.7.1 React開發工具的安裝 117
8.7.2 React開發工具的使用 118
8.8 工程腳手架 118
8.8.1 初始工程創建 118
8.8.2 配置修改 121
8.9 本章小結 121
8.10 習題 122
第9章 React Hook
9.1 Hook技術介紹 123
9.2 State Hook 124
9.3 Effect Hook 125
9.4 React內置Hook 127
9.5 自定義Hook 128
9.6 註意事項 129
9.7 本章小結 131
9.8 習題 131
第 10章 Flux和Redux
10.1 Flux 132
10.1.1 Flux簡介 132
10.1.2 派發器 133
10.1.3 action 134
10.1.4 狀態倉庫 135
10.1.5 視圖與控制器視圖 136
10.1.6 Flux工具包 136
10.2 Redux 136
10.2.1 Redux的基本思想 137
10.2.2 簡單示例：待辦事項 137
10.2.3 歸納函數 141
10.2.4 連接函數 144
10.2.5 Redux特性 145
10.2.6 常用API 147
10.3 Redux高級特性 148
10.3.1 異步action 148
10.3.2 Redux中間件 149
10.4 Redux適用場景 151
10.5 本章小結 151
10.6 習題 152
第 11章 路由
11.1 簡單示例：網站列表 153
11.2 路由配置 154
11.2.1 基礎路由 154
11.2.2 路由組件的屬性 158
11.2.3
11.2.4 路由匹配matchPath() 160
11.3 靜態路由與動態路由 161
11.3.1 靜態路由 161
11.3.2 動態路由 162
11.4 各種路由器 164
11.4.1
11.4.2
11.4.3
11.4.4
11.4.5
11.5 React Router特性 166
11.5.1
11.5.2
11.5.3
11.6 本章小結 169
11.7 習題 169
第 12章 前後端交互
12.1 前後端交互技術 170
12.2 前後端交互中的特殊對象——Promise 170
12.2.1 Promise簡介 172
12.2.2 Promise對象的原理 172
12.2.3 Promise對象的使用方法 174
12.3 HTTP客戶端——Axios 177
12.3.1 Axios/API 178
12.3.2 Axios配置 179
12.4 本章小結 180
12.5 習題 180
第 13章 React單元測試
13.1 簡單示例：平方函數測試 181
13.2 React官方測試工具Jest 182
13.2.1 Jest工具的測試環境搭建 182
13.2.2 匹配器方法 183
13.2.3 模擬函數 186
13.2.4 異步代碼測試 189
13.2.5 兩組鉤子：beforeEach/afterEach和beforeAll /afterAll 191
13.2.6 快照測試 192
13.3 DOM測試工具 194
13.3.1 react-testing-library工具 195
13.3.2 Enzyme工具 196
13.4 本章小結 199
13.5 習題 199
第 14章 工程實例——選修課選課系統
14.1 基本需求分析 200
14.2 詳細設計 201
14.2.1 項目總體工程描述 201
14.2.2 登錄界面設計 203
14.2.3 主界面設計 204
14.2.4 選課界面設計 206
14.3 本章小結 209
14.4 習題 209
附錄A 相關資源
附錄B 名詞解釋
