本書從現(xiàn)代前端開發(fā)的標(biāo)準(zhǔn)、趨勢和常用工具入手，由此引出了的構(gòu)建工具webpack 和JavaScript庫React，之后用一系列的實例來闡述兩者的特色、概念和基本使用方法。隨著應(yīng)用復(fù)雜度的增加，進而介紹了Flux 和Redux 兩種架構(gòu)思想，并且使用Redux 對現(xiàn)有程序進行改造，介紹了在開發(fā)過程中出現(xiàn)的反模式和性能優(yōu)化方法。
√ React帶來Virtual DOM，填平PC與移動鴻溝，前端從此邁向全端。
√ Modern F2E時代開啟，ES2015 Redux Flux webpack Babel技術(shù)棧來襲。
√ 全棧明星非React莫屬，工程方法、工程化工具、框架使用，盡在本書。
√ 實戰(zhàn)整合全新語言標(biāo)準(zhǔn)、編程范式、框架組件、自動化工作流。
張軒，前端開發(fā)工程師。曾經(jīng)在百度、攜程就職，目前在蘋果公司擔(dān)任前端開發(fā)工程師。擁有豐富的Web開發(fā)經(jīng)驗，喜歡追尋新技術(shù)，在GitHub上關(guān)注各種有趣的項目，同時致力于前端工程化，并且有大型SPA項目的架構(gòu)及開發(fā)經(jīng)驗。他同時是一名業(yè)余文學(xué)愛好者，在工作之余寫一些短篇小說。楊寒星，前端開發(fā)工程師。曾就職于愛奇藝、百度，目前在七牛云負(fù)責(zé)前端開發(fā)與架構(gòu)設(shè)計。對編寫優(yōu)美的代碼、構(gòu)建影響深遠的系統(tǒng)感興趣；專注于現(xiàn)代前端工程化方案搭建及大規(guī)模SPA的架構(gòu)設(shè)計，對基于React體系的前端開發(fā)有著豐富的實踐經(jīng)驗。
目 錄
第1 章 現(xiàn)代前端開發(fā) .................................................................. 1
1.1 ES6——新一代的JavaScript 標(biāo)準(zhǔn) ........................................................ 1
1.1.1 語言特性 .................................................................................................. 2
1.1.2 使用Babel .............................................................................................. 10
1.1.3 小結(jié) ........................................................................................................ 13
1.2 前端組件化方案 ................................................................................. 13
1.2.1 JavaScript 模塊化方案 ............................................................................ 14
1.2.2 前端的模塊化和組件化 .......................................................................... 16
1.2.3 小結(jié) ........................................................................................................ 18
1.3 輔助工具 ............................................................................................ 19
1.3.1 包管理器(Package Manager) .............................................................. 19
1.3.2 任務(wù)流工具(Task Runner) .................................................................. 23
1.3.3 模塊打包工具(Bundler)...................................................................... 26
第2 章 webpack ........................................................................28
2.1 webpack 的特點與優(yōu)勢 ....................................................................... 28
2.1.1 webpack 與RequireJS、browserify ......................................................... 29
2.1.2 模塊規(guī)范 ................................................................................................ 30
2.1.3 非javascript 模塊支持 ............................................................................ 31
2.1.4 構(gòu)建產(chǎn)物 ................................................................................................ 32
2.1.5 使用 ........................................................................................................ 33
2.1.6 webpack 的特色 ...................................................................................... 35
2.1.7 小結(jié) ........................................................................................................ 38
2.2 基于webpack 進行開發(fā) ...................................................................... 38
2.2.1 安裝 ........................................................................................................ 38
2.2.2 Hello world ............................................................................................. 39
2.2.3 使用loader .............................................................................................. 43
2.2.4 配置文件 ................................................................................................ 46
2.2.5 使用plugin ............................................................................................. 48
2.2.6 實時構(gòu)建 ................................................................................................ 50
第3 章 初識React .....................................................................52
3.1 使用React 與傳統(tǒng)前端開發(fā)的比較 .................................................... 54
3.1.1 傳統(tǒng)做法 ................................................................................................ 54
3.1.2 全量更新 ................................................................................................ 56
3.1.3 使用React .............................................................................................. 57
3.1.4 小結(jié) ........................................................................................................ 59
3.2 JSX ..................................................................................................... 59
3.2.1 來歷 ........................................................................................................ 59
3.2.2 語法 ........................................................................................................ 60
3.2.3 編譯JSX ................................................................................................. 63
3.2.4 小結(jié) ........................................................................................................ 64
3.3 React webpack 開發(fā)環(huán)境 ................................................................... 64
3.3.1 安裝配置Babel ....................................................................................... 64
3.3.2 安裝配置ESLint ..................................................................................... 65
3.3.3 配置webpack .......................................................................................... 66
3.3.4 添加測試頁面 ......................................................................................... 68
3.3.5 添加組件熱加載(HMR)功能 .............................................................. 70
3.3.6 小結(jié) ........................................................................................................ 71
3.4 組件 .................................................................................................... 72
3.4.1 props 屬性 ............................................................................................... 73
3.4.2 state 狀態(tài) ................................................................................................ 76
3.4.3 組件生命周期 ......................................................................................... 78
3.4.4 組合組件 ................................................................................................ 80
3.4.5 無狀態(tài)函數(shù)式組件 .................................................................................. 82
3.4.6 state 設(shè)計原則 ......................................................................................... 82
3.4.7 DOM 操作 .............................................................................................. 83
3.5 Virtual DOM ....................................................................................... 85
3.5.1 DOM ....................................................................................................... 85
3.5.2 虛擬元素 ................................................................................................ 86
3.5.3 比較差異 ................................................................................................ 88
第4 章 實踐React .....................................................................91
4.1 開發(fā)項目 ............................................................................................ 91
4.1.1 將原型圖分割成不同組件 ...................................................................... 92
4.1.2 創(chuàng)造每個靜態(tài)組件 .................................................................................. 93
4.1.3 組合靜態(tài)組件 ......................................................................................... 96
4.1.4 添加state 的結(jié)構(gòu) .................................................................................... 99
4.1.5 組件交互設(shè)計 ........................................................................................ 100
4.1.6 組合成為最終版本 ................................................................................. 102
4.1.7 小結(jié) ....................................................................................................... 105
4.2 測試 .................................................................................................. 106
4.2.1 通用測試工具簡介 ................................................................................. 106
4.2.2 React 測試工具及方法 ...........................................................
挺好的
不多說，好東西
不錯 ，值得買
看著挺不錯的
此書極好。
非常好非常好
還沒看，希望提高技術(shù)
希望能從中獲益。
是我想要的書，正好用上
好薄啊，還沒看，所以還不知道內(nèi)容
內(nèi)容吧不錯，正在看，希望有收獲
紙質(zhì)太差了
看完了，還可以吧
看完了，還可以吧
非常好的一本書，作者寫得深入人心。當(dāng)當(dāng)正版書
包裝完好，速度快，很滿意！
書沒有想象的那么厚，有點薄，也就200多頁，講的技術(shù)不深入～有點遺憾！
