坐標 React 星:React 核心思維模型
葉凌東
- 出版商: 電子工業
- 出版日期: 2022-02-01
- 售價: $648
- 貴賓價: 9.5 折 $616
- 語言: 簡體中文
- 頁數: 244
- ISBN: 7121426595
- ISBN-13: 9787121426599
-
相關分類:
HTML、JavaScript、React
立即出貨 (庫存 < 4)
買這商品的人也買了...
-
$450$383 -
$880$748 -
$580$493 -
$780$663 -
$780$663 -
$980$647 -
$600$468 -
$534$507 -
$580$458 -
$680$530 -
$454Node + MongoDB + React 項目實戰開發
-
$500$395 -
$450$351 -
$680$530 -
$880$695 -
$720$562 -
$380$285 -
$650$507 -
$550$429 -
$650$507 -
$654$621 -
$650$507 -
$650$507 -
$580$458 -
$750$585
相關主題
商品描述
本書通過一個奇幻故事的外殼講解 React 開發必備的核心思維模型,即如何用 React 的獨特方式思考和解決問題。故事主角用腦機進入“Web 宇宙”,登陸“React 星”。通過體驗各種離奇見聞,由淺入深地介紹 React 開發的核心知識點,例如聲明式和響應式編程、不可變約定、單向數據流、組件組合的運用、組件渲染特性、Hook 的基本原理和常見模式、組件構架設計和State 管理,等等。“讓讀者在娛樂中學習”,這是作者的初衷。為了幫助讀者理解和記憶,本書為每一個思維模型都配備了生動有趣的故事橋段和漫畫插圖。本書強調揭示各個概念的本質,不光展示“如何做”,更註重解釋“為什麽”,並輔以實例操作,旨在打開一扇門——鼓勵讀者深挖基礎知識,增強自行推演結論、進一步學習實戰知識的能力。本書主要適合對 HTML、CSS、JavaScript、DOM 有一定瞭解的前端開發者、設計師和高校學生等閱讀。
目錄大綱
章重返React 星/ 1
1.1 牆上的洞/ 2
1.1.1 上帝視角:代碼例子/ 4
1.1.2 讓它動起來/ 5
1.1.3 State / 7
1.1.4 模板:將數據從用戶界面中分離/ 8
1.2 儀式之二/ 9
1.2.1 聲明式與命令式/ 10
1.2.2 響應式/ 14
1.3 初展神蹟/ 15
1.3.1 獲取文本框內容/ 17
1.3.2 將新內容寫回文本框/ 19
1.3.3 修復文本框/ 20
1.3.4 在React 代碼裡使用CSS 樣式/ 21
1.4 拍照牆的偽裝/ 23
1.4.1 JSX / 25
1.4.2 JSX 的屬性/ 26
1.4.3 嵌套標籤/ 26
1.4.4 _jsx 的返回值/ 28
1.4.5 原來就是一個表達式/ 28
1.4.6 理解JSX 和HTML 的區別/ 29
1.5 手翻書/ 31
1.6 誘餌/ 35
1.6.1 牆怪愛吃表達式/ 36
1.6.2 兩種“洞” / 38
1.6.3 條件顯示/ 39
1.6.4 數組/ 40
1.7 不能修葺的房子/ 42
1.7.1 不可變約定/ 43
1.7.2 State 中的對象/ 44
1.7.3 State 中的其他類型值/ 45
1.7.4 immer / 46
1.7.5 為什麼要不可變/ 49
1.8 筆記強迫症/ 50
第2 章摩組城/ 53
2.1 摩組城鳥瞰/ 55
2.1.1 自定義JSX 標籤/ 57
2.1.2 組件的寫法/ 58
2.1.3 “啞”組件/ 60
2.2 組件的組合/ 61
2.2.1 包含關係/ 62
2.2.2 動態包含/ 64
2.2.3 特例化/ 66
2.2.4 組件引用/ 66
2.3 周而復始的面試/ 67
2.3.1 重複不斷地渲染/ 68
2.3.2 渲染必須快/ 70
2.3.3 State 筆記本/ 70
2.3.4 異步操作不能等/ 71
2.3.5 渲染要“純粹” / 72
2.4 傳送工程師的接力/ 74
2.4.1 單向數據流/ 77
2.4.2 數據所有者和消費者/ 81
2.5 單向電梯/ 82
2.5.1 prop drilling / 85
2.5.2 Context / 87
2.5.3 prop drilling 的其他解決辦法/ 88
2.6 便攜式蟲洞/ 88
2.6.1 從下往上傳數據/ 91
2.6.2 在樓下交付文件/ 93
2.6.3 下放控制權/ 94
2.6.4 通過Context 傳遞回調函數/ 94
2.6.5 JavaScript 中的回調函數/ 96
2.7 筆記/ 96
第3 章瑞海驚魂/ 99
3.1 古典帆船/ 100
3.2 遭遇胡克船長/ 102
3.3 風向急變/ 106
3.3.1 從外部環境中“勾”回新功能/ 108
3.3.2 保存數據以備下次渲染/ 110
3.3.3 保存只讀數據/ 111
3.3.4 保存可變數據,更改時觸發渲染/ 113
3.3.5 保存可變數據,更改時不觸發
渲染/ 118
3.4 尤日伊費克特大副/ 122
3.4.1 useEffect 的用法/ 123
3.4.2 Hook 的優越性/ 125
3.5 大副的真正職責/ 126
3.5.1 副作用(side effect) / 128
3.5.2 為何要用useEffect 管理副作用/ 130
3.5.3 副作用同步/ 132
3.5.4 依賴數組詳解/ 134
3.5.5 組件思維模型/ 137
3.5.6 事件處理器中的副作用/ 139
3.5.7 其他同步/ 141
3.6 戒律清規/ 141
3.6.1 Hook 使用規則/ 143
3.6.2 山寨useState / 147
3.6.3 保存多個狀態/ 150
3.6.4 任性違規/ 153
3.7 條件扔鉤/ 158
3.7.1 有條件地使用Hook / 159
3.7.2 分拆到子組件/ 160
3.7.3 在Hook 內部講條件/ 161
3.7.4 一直調用,條件使用/ 161
3.7.5 自律/ 162
3.8 鐵鉤特勤編隊/ 163
3.8.1 自定義Hook / 164
3.8.2 函數組合的威力/ 167
3.8.3 狀態邏輯/ 169
3.9 筆記/ 171
第4 章靈緣幻境/ 175
4.1 React 星的祈禱/ 177
4.2 項目組織結構/ 181
4.3 評判準則和實施策略/ 182
4.4 從靜態出發/ 183
4.4.1 佔位符/ 184
4.4.2 重複部分/ 186
4.5 文件和目錄結構/ 188
4.5.1 一個組件一個文件?/ 188
4.5.2 目錄結構/ 189
4.6 何時劃分組件/ 190
4.7 業務邏輯/ 193
4.7.1 容器和表現層組件/ 193
4.7.2 使用自定義Hook / 195
4.7.3 容器、表現層組件和Storybook / 197
4.8 State 管理/ 201
4.8.1 State 簡化/ 201
4.8.2 提升State / 204
4.8.3 State 放哪裡/ 207
4.9 回程/ 212
第5 章後記/ 215
5.1 樣式方案/ 217
5.2 應用框架/ 218
5.3 表單/ 218
5.4 路由/ 219
5.5 State 管理/ 220
5.6 開發輔助工具/ 222
5.7 性能優化/ 223
5.8 測試/ 225
5.9 類組件及相關/ 226
5.10 TypeScript / 227
5.11 前沿技術/ 228