生態(tài)

Redux 是一個體小精悍的庫，但它相關(guān)的內(nèi)容和 API 都是精挑細選的，足以衍生出豐富的工具集和可擴展的生態(tài)系統(tǒng)。

如果需要關(guān)于 Redux 所有內(nèi)容的列表，推薦移步至 Awesome Redux。它包含了示例、樣板代碼、中間件、工具庫，還有很多其它相關(guān)內(nèi)容。

本頁將只列出其中由 Redux 維護者親自維護的一部分內(nèi)容。不要因此打消嘗試其它工具的信心！整個生態(tài)發(fā)展得太快，我們沒有足夠的時間去關(guān)注所有內(nèi)容。建議只把這些當作“內(nèi)部推薦”，如果你使用 Redux 創(chuàng)建了很酷的內(nèi)容，不要猶豫，馬上發(fā)個 PR 吧。

不同框架綁定

• react-redux —— React
• ng-redux —— Angular
• ng2-redux —— Angular 2

中間件

• redux-thunk —— 用最簡單的方式搭建異步 action 構(gòu)造器
• redux-promise —— 遵從 FSA 的 promise 中間件
• redux-rx —— 給 Redux 用的 RxJS 工具，包括觀察變量的中間件
• redux-logger —— 記錄所有 Redux action 和下一次 state 的日志
• redux-immutable-state-invariant —— 開發(fā)中的狀態(tài)變更提醒

組件

• redux-form —— 在 Redux 中時時持有 React 表格的 state

Store 增效器

• redux-batched-subscribe —— 針對 store subscribers 的自定義批處理與防跳請求
• redux-history-transitions —— 基于獨斷的 action 的 history 庫轉(zhuǎn)換

Reducer 增效器

• redux-optimist —— 樂觀使用將被提交或還原的 action
• redux-undo ——使 reducer 具有便捷的重做/撤銷，以及 action 記錄功能

工具集

• reselect —— 受 NuclearJS 啟發(fā)，有效派生數(shù)據(jù)的選擇器
• normalizr —— 通過內(nèi)嵌 API 響應(yīng)標準化，使 reducer 的處理更簡便
• redux-actions —— 在初始化 reducer 和 action 構(gòu)造器時減少樣板代碼 (boilerplate)
• redux-transducers —— Redux 的編譯器工具
• redux-immutablejs —— Redux 和 Immutable 的交互工具
• redux-tcomb —— 在 Redux 中使用具有不可變特性、并經(jīng)過類型檢查的 state 和 action

開發(fā)者工具

• redux-devtools —— 一個使用時間旅行 UI 、熱加載和 reducer 錯誤處理器的 action 日志工具，最早演示于 React Europe 會議

教程與文章

• redux-tutorial —— 一步步學(xué)習(xí)使用 Redux
• What the Flux?! Let’s Redux. —— Redux 介紹
• Handcrafting an Isomorphic Redux Application (With Love) —— 使用數(shù)據(jù)抓取與路由分發(fā)的同構(gòu)應(yīng)用創(chuàng)建指南
• Full-Stack Redux Tutorial —— 使用 Redux 、React 和 Immutable 的測試優(yōu)先開發(fā)指南

演講

• Live React: Hot Reloading and Time Travel —— 了解 Redux 如何使用限制措施，讓伴隨時間旅行的熱加載變得簡單
• Cleaning the Tar: Using React within the Firefox Developer Tools —— 了解如何從已有的 MVC 應(yīng)用逐步遷移至 Redux

社區(qū)公約

• Flux Standard Action —— Flux 中 action object 的人性化標準
• Canonical Reducer Composition —— 嵌套 reducer 組成的武斷標準
• Ducks: Redux Reducer Bundles —— 關(guān)于捆綁多個 reducer, action 類型 和 action 的提案

更多

Awesome Redux 是一個展示豐富 Redux 相關(guān)信息的列表。