## 作者介紹 張軒，曾在百度、攜程就職前端工程師，現在在蘋果公司。致力于前端工程化，并有大型spa項目架構和開發經驗。 楊寒星，曾經就職于愛奇藝、百度，現在在七牛云負責前端開發與架構設計。對編寫優美的代碼，構建影響深遠的系統感興趣；專注于前端工程化的方案搭建以及大規模的spa架構設計，對基于react體系的前端開發有著豐富的實踐經驗。 ## 本書摘抄大綱 ### 前端組件化方案 - js模塊化方案 - 前端的模塊化和組件化 - 小結 ### webpack - webpack與requirejs,browserify的區別 - 模塊規范 - 非js模塊的支持 - 構建產物 - 使用 - 特色 - 安裝 - 使用loader - 配置文件 - 使用插件 - 實時構建 ### react - jsx - 配置babel - 配置eslint - 添加測試頁面 - 組件熱加載功能 - 屬性 - 狀態 - 生命周期 - 組合組件 - 無狀態函數組件 - state設計原則 - dom操作 - 虛擬dom - 比較差異 ### react實踐 - 根據原型圖分割組件 - 創建靜態組件 - 組合靜態組件 - 添加state結構 - 組件交互設計 - 通用測試工具簡介 - react測試工具以及方法 - 配置測試環境 - shallow render - dom rendering ### flux架構以及實現 - 單項數據流 - 項目結構 - dispatcher action - stoore dispatcher - 優缺點 - 實現 - redux動機 - 三大定律 - 組成 - 數據流 - 使用middleware ### 使用redux - react-redux - 組件組織 - 開發工具 - 創建與觸發action - 使用middleware - 實現reducer - 創建與連接store ### react與redux進階 - 常見誤解 - 反模式 - 性能優化 - 社區產物