發表於2024-12-27
全麵深入講述React技術棧的第 1 本原創圖書,Strikingly聯閤創始人及CTO郭達峰作序推薦,pure render專欄主創傾力打造
覆蓋React、Flux、Redux及可視化,幫助開發者在實踐中深入理解技術和源碼
前端組件化主流解決方案,一本書玩轉React“全傢桶”
本書從幾個維度去介紹 React。一是作為 View 庫,它怎麼實現組件化,以及它背後的實現原理。二是擴展到 Flux 應用架構及重要的衍生品 Redux,它們怎麼與 React 結閤做應用開發。三是對 React 與 server 的碰撞産生的一些思考。四是講述它在可視化方麵的優勢與劣勢。
本書適閤有一定經驗的前端開發人員閱讀。
陳屹,前端架構師,就職於阿裏巴巴。熱衷開源事業,長年專注於前端架構、數據可視化、Node.js等領域,知乎專欄pure render的創辦人。
第1章 初入 React 世界 1
1.1 React 簡介 1
1.1.1 專注視圖層 1
1.1.2 Virtual DOM 1
1.1.3 函數式編程 2
1.2 JSX 語法 3
1.2.1 JSX 的由來 3
1.2.2 JSX 基本語法 7
1.3 React 組件 11
1.3.1 組件的演變 11
1.3.2 React 組件的構建 18
1.4 React 數據流 21
1.4.1 state 21
1.4.2 props 23
1.5 React 生命周期 29
1.5.1 掛載或卸載過程 29
1.5.2 數據更新過程 30
1.5.3 整體流程 33
1.6 React 與 DOM 34
1.6.1 ReactDOM 35
1.6.2 ReactDOM 的不穩定方法 36
1.6.3 refs 38
1.6.4 React 之外的 DOM 操作 40
1.7 組件化實例:Tabs 組件 41
1.8 小結 47
第2章 漫淡 React 48
2.1 事件係統 48
2.1.1 閤成事件的綁定方式 48
2.1.2 閤成事件的實現機製 49
2.1.3 在React中使用原生事件 51
2.1.4 閤成事件與原生事件混用 51
2.1.5 對比React閤成事件與JavaScript原生事件 54
2.2 錶單 55
2.2.1 應用錶單組件 55
2.2.2 受控組件 60
2.2.3 非受控組件 61
2.2.4 對比受控組件和非受控組件 62
2.2.5 錶單組件的幾個重要屬性 63
2.3 樣式處理 64
2.3.1 基本樣式設置 64
2.3.2 CSS Modules 66
2.4 組件間通信 74
2.4.1 父組件嚮子組件通信 74
2.4.2 子組件嚮父組件通信 75
2.4.3 跨級組件通信 77
2.4.4 沒有嵌套關係的組件通信 79
2.5 組件間抽象 81
2.5.1 mixin 81
2.5.2 高階組件 86
2.5.3 組閤式組件開發實踐 93
2.6 組件性能優化 97
2.6.1 純函數 97
2.6.2 PureRender 100
2.6.3 Immutable 103
2.6.4 key 109
2.6.5 react-addons-perf 110
2.7 動畫 111
2.7.1 CSS 動畫與 JavaScript 動畫 111
2.7.2 玩轉 React Transition 113
2.7.3 緩動函數 116
2.8 自動化測試 121
2.8.1 Jest 121
2.8.2 Enzyme 124
2.8.3 自動化測試 125
2.9 組件化實例:優化 Tabs 組件 125
2.10 小結 133
第3章 解讀 React 源碼 134
3.1 初探 React 源碼 134
3.2 Virtual DOM 模型 137
3.2.1 創建 React 元素 138
3.2.2 初始化組件入口 140
3.2.3 文本組件 141
3.2.4 DOM 標簽組件 144
3.2.5 自定義組件 150
3.3 生命周期的管理藝術 151
3.3.1 初探 React 生命周期 152
3.3.2 詳解 React 生命周期 152
3.3.3 無狀態組件 163
3.4 解密setState機製 164
3.4.1 setState異步更新 164
3.4.2 setState 循環調用風險 165
3.4.3 setState調用棧 166
3.4.4 初識事務 168
3.4.5 解密setState 170
3.5 diff 算法 172
3.5.1 傳統 diff 算法 172
3.5.2 詳解 diff 172
3.6 React Patch 方法 181
3.7 小結 183
第4章 認識 Flux 架構模式 184
4.1 React 獨立架構 184
4.2 MV* 與 Flux 190
4.2.1 MVC/MVVM 190
4.2.2 Flux 的解決方案 193
4.3 Flux 基本概念 194
4.4 Flux 應用實例 198
4.4.1 初始化目錄結構 198
4.4.2 設計 store 198
4.4.3 設計 actionCreator 200
4.4.4 構建 controller-view 202
4.4.5 重構 view 203
4.4.6 添加單元測試 205
4.5 解讀 Flux 206
4.5.1 Flux 核心思想 206
4.5.2 Flux 的不足 207
4.6 小結 207
第5章 深入 Redux 應用架構 208
5.1 Redux 簡介 208
5.1.1 Redux 是什麼 208
5.1.2 Redux 三大原則 209
5.1.3 Redux 核心 API 210
5.1.4 與 React 綁定 211
5.1.5 增強 Flux 的功能 212
5.2 Redux middleware 212
5.2.1 middleware 的由來 212
5.2.2 理解 middleware 機製 213
5.3 Redux 異步流 217
5.3.1 使用 middleware 簡化異步
請求 217
5.3.2 使用 middleware 處理復雜
異步流 221
5.4 Redux 與路由 224
5.4.1 React Router 225
5.4.2 React Router Redux 227
5.5 Redux 與組件 229
5.5.1 容器型組件 229
5.5.2 展示型組件 229
5.5.3 Redux 中的組件 230
5.6 Redux 應用實例 231
5.6.1 初始化 Redux 項目 231
5.6.2 劃分目錄結構 232
5.6.3 設計路由 234
5.6.4 讓應用跑起來 235
5.6.5 優化構建腳本 239
5.6.6 添加布局文件 239
5.6.7 準備首頁的數據 242
5.6.8 連接 Redux 245
5.6.9 引入 Redux Devtools 250
5.6.10 利用 middleware 實現 Ajax
請求發送 251
5.6.11 請求本地的數據 252
5.6.12 頁麵之間的跳轉 253
5.6.13 優化與改進 256
5.6.14 添加單元測試 257
5.7 小結 258
第6章 Redux 高階運用 259
6.1 高階 reducer 259
6.1.1 reducer 的復用 259
6.1.2 reducer 的增強 261
6.2 Redux 與錶單 262
6.2.1 使用 redux-form-utils 減少
創建錶單的冗餘代碼 263
6.2.2 使用 redux-form 完成錶單的
異步驗證 265
6.2.3 使用高階 reducer 為現有模塊
引入錶單功能 267
6.3 Redux CRUD 實戰 268
6.3.1 準備工作 268
6.3.2 使用 Table 組件完成“查”
功能 269
6.3.3 使用 Modal 組件完成“增”
與“改” 274
6.3.4 巧用 Modal 實現數據的刪除
確認 277
6.3.5 善用 promise 玩轉 Redux 異步事件流 278
6.4 Redux 性能優化 279
6.4.1 Reselect 280
6.4.2 Immutable Redux 282
6.4.3 Reducer 性能優化 282
6.5 解讀 Redux 284
6.5.1 參數歸一化 285
6.5.2 初始狀態及 getState 286
6.5.3 subscribe 286
6.5.4 dispatch 287
6.5.5 replaceReducer 288
6.6 解讀 react-redux 288
6.6.1 Provider 288
6.6.2 connect 290
6.6.3 代碼熱替換 293
6.7 小結 294
第7章 React 服務端渲染 295
7.1 React 與服務端模闆 295
7.1.1 什麼是服務端渲染 295
7.1.2 react-view 296
7.1.3 react-view 源碼解讀 296
7.2 React 服務端渲染 299
7.2.1 玩轉 Node.js 300
7.2.2 React-Router 和 Koa-Router
統一 303
7.2.3 同構數據處理的探討 306
7.3 小結 307
第8章 玩轉 React 可視化 308
8.1 React 結閤 Canvas 和 SVG 308
8.1.1 Canvas 與 SVG 308
8.1.2 在 React 中的 Canvas 310
8.1.3 React 中的 SVG 311
8.2 React 與可視化組件 316
8.2.1 包裝已有的可視化庫 316
8.2.2 使用 D3 繪製 UI 部分 317
8.2.3 使用 React 繪製 UI 部分 319
8.3 Recharts 組件化的原理 322
8.3.1 聲明式的標簽 323
8.3.2 貼近原生的配置項 325
8.3.3 接口式的 API 326
8.4 小結 328
附錄A 開發環境 329
附錄B 編碼規範 345
附錄C Koa middleware 349
深入React技術棧 下載 mobi pdf epub txt 電子書 格式 2024
深入React技術棧 下載 mobi epub pdf 電子書包裝很嚴 沒有破損 京東的配送一直很贊
評分書不錯,還沒看隻看瞭目錄 是需要的
評分想瞭好久,還是買一本看看,沒有讓人失望,書很好!
評分書不錯,還沒看隻看瞭目錄 是需要的
評分買瞭此書,看瞭2遍,立馬通過網易麵試,實為齣傢跳槽必備,同時還跟本書作者阿裏陳屹在boss上聊瞭幾句,然後就沒有然後瞭
評分挺好的,挺好的,挺好的
評分快遞很快,是新的包裝很好還沒看呢
評分在於我們之間的關係
評分速度快,正版,推薦
深入React技術棧 mobi epub pdf txt 電子書 格式下載 2024