"通過 Redux，可以在單個簡單的對像中管理 Web 應用程序的狀態，這實際上能夠消除大多數與狀態相關的錯誤。通過使用 Redux 將狀態集中存儲，可以快速恢復用戶會話狀態，維護可靠的狀態歷史記錄，還能在界面之間平滑地傳輸狀態。此外，Redux 的狀態容器是接近可編程的，能夠接近與 React 和其他流行框架集成。《Redux 實戰》是高效管理 Web 應用程序狀態的便捷指南。本書圍繞通用範例構建，從基於 React 的簡單任務管理程序開始。你將通過該程序學習Redux工作流程，處理異步操等

●第1章 Redux介紹 11.1 什麼是狀態 21.2 什麼是Flux 31.2.1 action 41.2.2 dispatcher 41.2.3 store 41.2.4 視圖 41.3 什麼是Redux 41.3.1 React和Redux 51.3.2 3個原則 61.3.2 工作流 61.4 為什麼要用Redux 111.4.1 可預測性 111.4.2 開發者體驗 111.4.3 可測試性 111.4.4 學習曲線 111.4.5 體積 111.5 何時應該使用Redux 121.6 Redux的備選方案 121.6.1 Flux的一些實現 121.6.2 MobX 131.6.3 GraphQL客戶端 141.7 本章小結 14第2章 第一個Redux應用程序 152.1 創建一個任務管理應用程序 162.2 使用Create React App 172.3 基本的React組件 192.4 重溫Redux架構 212.5 配置Redux store 222.5.1 整體和store API 222.5.2 創建Redux store 232.5.3 tasks reducer 242.5.4 默認reducer狀態 252.6 使用react-redux連接Redux與React 262.6.1 添加Provider組件 262.6.2 將數據從Redux傳遞到React組件 272.6.3 容器組件和展示型組件 292.7 派發action 292.8 action創建器 332.8.1 使用action創建器 342.8.2 action創建器和副作用 352.9 使用reducer處理action 362.10 練習 382.11 解決方案 392.11.1 狀態下拉菜單 392.11.2 派發一個edit action 402.11.3 在reducer中處理action 422.12 本章小結 43第3章 調試Redux應用程序 453.1 Redux DevTools 介紹 463.2 時間旅行調試 473.3 使用DevTools監視器可視化變更 483.4 實現Redux DevTools 493.5 Webpack的作用 513.6 模塊熱替換 523.6.1 熱加載組件 533.6.2 熱加載reducer 543.6.3 模塊熱替換的局限性 553.7 使用React Hot Loader維持局部組件狀態 553.8 練習 553.9 解決方案 563.10 本章小結 57第4章 使用API 594.1 異步action 604.2 使用redux-thunk調用異步action 624.2.1 從服務器獲取任務 624.2.2 API客戶端 664.2.3 視圖action和服務器action 674.3 將任務保存到服務器 684.4 練習 704.5 解決方案 714.6 加載狀態 724.6.1 請求生命周期 734.6.2 添加加載指示符 744.7 錯誤處理 784.8 本章小結 82第5章 中間件 835.1 初窺中間件 845.2 中間件的基礎知識 855.3 日志記錄中間件 865.3.1 創建日志記錄中間件 865.3.2 使用applyMiddleware注冊中間件 885.4 數據分析中間件 895.4.1 meta屬性 895.4.2 添加數據分析中間件 905.4.3 中間件的使用場合 935.4.4 案例分析：如何不使用中間件 935.5 API中間件 955.5.1 理想的API 965.5.2 概述API中間件 985.5.3 發起AJAX調用 1005.5.4 更新reducer 1015.5.5 API中間件總結 1025.6 練習 1025.7 解決方案 1025.8 本章小結 105第6章 處理復雜的副作用 1076.1 什麼是副作用 1086.2 回顧thunk 1096.2.1 優勢 1096.2.2 不足 1106.3 saga介紹 1106.3.1 優勢 1116.3.2 不足 1116.4 生成器概述 1116.4.1 生成器語法 1126.4.2 迭代器 1136.4.3 生成器循環 1136.4.4 使用生成器的原因 1146.5 實現saga 1156.5.1 將saga中間件連接至store 1156.5.2 根saga介紹 1166.5.3 副作用 1186.5.4 響應並派發action 1186.6 處理長時間運行的進程 1216.6.1 準備數據 1216.6.2 更新用戶界面 1226.6.3 派發action 1226.6.4 編寫長時間運行的進程 1236.6.5 處理reducer中的action 1246.6.6 使用通道 1256.7 練習 1276.8 解決方案 1276.9 其他的副作用管理策略 1286.9.1 使用async/await異步函數 1296.9.2 使用redux-promise 處理promise 1296.9.3 redux-loop 1296.9.4 redux-observable 1306.10 本章小結 130第7章 為組件準備數據 1317.1 將Redux與React組件解耦 1327.2 選擇器概述 1347.3 實現搜索 1357.3.1 搭建UI 1367.3.2 本地狀態與Redux狀態 1387.3.3 派發過濾器action 1397.3.4 在reducer中處理過濾器action 1417.3.5 編寫自己的第一個選擇器 1427.4 reselect介紹 1447.4.1 reselect和memoization 1447.4.2 reselect與composition 1467.5 實現reselect 1467.6 練習 1477.7 解決方案 1487.8 本章小結 150第8章 組織Redux store 1518.1 如何在Redux中存儲數據 1528.2 規範化數據介紹 1548.3 使用嵌套數據實現項目 1558.3.1 概述：請求與渲染項目 1568.3.2 使用項目數據更新服務器 1598.3.3 添加和派發fetchProjects 1608.3.4 更新 reducer 1628.3.5 更新mapStateToProps和選擇器 1648.3.6 添加項目下拉菜單 1658.3.7 編輯任務 1698.3.8 非必要的渲染 1708.3.9 總結——嵌套數據 1728.4 規範化項目和任務 1728.4.1 定義模式 1748.4.2 更新reducer以處理實體 1758.4.3 更新選擇器 1778.4.4 創建任務 1788.4.5 總結——規範化數據 1808.5 組織其他類型的狀態 1808.6 練習 1808.7 解決方案 1808.8 本章小結 182第9章 測試Redux應用程序 1839.1 測試工具介紹 1849.1.1 Jasmine提供了什麼 1869.1.2 Jest提供什麼 1879.1.3 Jest的替代品 1889.1.4 使用Enzyme進行組件測試 1889.2 測試Redux和React的區別 1899.3 測試action創建器 1899.3.1 測試同步action創建器 1909.3.2 測試異步action創建器 1919.4 測試saga 1939.5 測試中間件 1959.6 測試reducer 1989.7 測試選擇器 2009.8 測試組件 2029.8.1 測試展示型組件 2029.8.2 快照測試 2049.8.3 測試容器組件 2069.9 練習 2109.10 解決方案 2119.11 本章小結 213第10章 性能 21510.1 性能評估工具 21610.1.1 性能時間線 21610.1.2 react-addons-perf 21710.1.3 why-did-you-update 21710.1.4 React開發者工具 21810.2 React優化 21910.2.1 shouldComponent-Update 21910.2.2 PureComponent 22010.2.3 分頁和其他策略 22010.3 Redux優化 22110.3.1 連接正確的組件 22110.3.2 自上而下的方法 22210.3.3 將其他組件連接到Redux 22310.3.4 將connect添加到Header和TasksPage 22510.3.5 mapStateToProps和記憶型選擇器 22910.3.6 connect高級用法的經驗法則 23010.3.7 批量處理action 23110.4 緩存 23310.5 練習 23410.6 解決方案 23610.7 本章小結 240第11章 組織Redux代碼 24111.1 Rails風格模式 24211.1.1 優勢 24311.1.2 劣勢 24411.2 域風格模式 24411.2.1 優勢 24611.2.2 劣勢 24611.3 ducks模式 24611.3.1 優勢 24911.3.2 劣勢 24911.4 選擇器 24911.5 saga 24911.6 樣式文件 25011.7 測試文件 25011.8 練習和解決方案 25011.9 本章小結 251第12章 React之外的Redux 25312.1 移動Redux：React Native 25412.1.1 處理副作用 25412.1.2 網絡連接 25412.1.3 性能 25512.2 桌面Redux：Electron 25512.2.1 需要原生桌面應用程序的原因 25512.2.2 Electron的工作方式 25612.2.3 引入Redux至Electron 25712.3 其他Redux綁定 25812.3.1 Angular 25812.3.2 Ember 25912.4 沒有框架的Redux 26012.5 練習和解決方案 26012.6 本章小結 261附錄 安裝 263

● 在現有的 React 應用程序中使用 Redux● 使用 redux-saga 庫處理副作用● 使用異步 action 處理 API● React 和 Redux 應用程測試

[美]馬克·加羅（MarcGarreau），威爾·福羅（WillFaurot）著；黃金勝，王鼕陽，熊建剛譯 著 黃金勝//王鼕陽//熊建剛 譯

自2015年年中發布以來，Redux引起了JavaScript世界的關注。從它作為會議演示的概念驗證和“隻是另一個Flux實現”標簽的簡單開端，已經發展成為React應用程序中使用最廣泛的狀態管理解決方案。它也被Angular、Ember和Vue社區采用，並啟發了許多模仿品和衍生產品。我最喜歡引用的一句話是，“Redux是一個通用框架，它提供了足夠結構化和足夠靈活性的平衡。因此，它為開發人員提供了一個平臺，可以讓他們為自己的用例構建自定義狀態管理，同時能夠重用圖形化調試器或中間件之類的東西。” 的確，Redux提供了一組基本的工具以供使用，並概述了組織應用程序更新邏輯的一般模式，最終由你來決定如何圍繞Redux構建應用程序。你可以設計應用程序的文件結構，編寫reducer邏輯，連接組件，並確定要在Redux上使用多少抽像。Redux的學習曲線有時會很陡峭。對於來自面向對像語言的大多等