內容簡介

這套由Facebook貢獻的前端Javascript函數庫，讓前端開發成為單一標準，使
用Virtual DOM的先進觀念，不但讓開發變得更直覺，也讓DOM的更新在記憶
體內完成，速度更是快上數倍到數十倍。本書全面講述React技術，覆蓋
React、Flux、Redux及視覺化，幫助開發者在實踐中深入理解技術和原始程
式碼。

作者簡介

陳屹

前端架構師，任職於阿里巴巴。熱中程式開發，長年專注於前端架構、資料
視覺化、Node.js等領域，知乎專欄pure render的創辦人。

內容目錄

序
前言
01 初入React 世界
1.1 React 簡介
1.2 JSX 語法
1.3 React 元件
1.4 React 資料流程
1.5 React 生命週期
1.6 React 與DOM
1.7 元件化實例：Tabs 元件
1.8 小結
02漫談 React
2.1 事件系統
2.2 表單
2.3 樣式處理
2.4 元件間通訊
2.5 元件間抽象
2.6 元件效能最佳化
2.7 動畫
2.8 自動化測試
2.9 元件化實例：最佳化 Tabs 元件
2.10 小結
03解讀React 原始程式
3.1 初探React 原始程式
3.2 Virtual DOM 模型
3.3 生命週期的管理藝術
3.4 解密setState 機制
3.5 diff 演算法
3.6 React Patch 方法
3.7 小結
04 認識Flux 架構模式
4.1 React 獨立架構
4.2 MV* 與Flux
4.3 Flux 基本概念
4.4 Flux 應用實例
4.5 解讀Flux
4.6 小結
05 深入Redux 應用架構
5.1 Redux 簡介

5.2 Redux middleware
5.3 Redux 非同步流
5.4 Redux 與路由
5.5 Redux 與元件
5.6 Redux 應用實例
5.7 小結
06  Redux 高階運用
6.1 高階reducer
6.2 Redux 與表單
6.3 Redux CRUD 實戰
6.4 Redux 效能最佳化
6.5 解讀Redux.
6.6 解讀react-redux
6.7 小結 .
07 React 服務端繪製
7.1 React 與服務端範本
7.2 React 服務端繪製
7.3 小結
08玩轉React 視覺化
8.1 React 結合Canvas 和SVG
8.2 React 與視覺化元件
8.3 Recharts 元件化的原理
8.4 小結
A 開發環境
A.1 執行開發環境：Node.js
A.2 ES6 編譯工具：Babel
A.3 CSS 前置處理器：Sass
A.4 測試環境：Karma
A.5 工程建置工具：webpack .
A.6 安裝React 環境
A.7 小結第3 篇 實戰專案
B 程式開發標準
B.1 使用ESLint
B.2 使用EditorConfig
B.3 小結
C Koa middleware
C.1 generator
C.2 middleware 原理分析