Redux 生態(tài)

生態(tài)

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

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

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

Store 增效器

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

Reducer 增效器

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

工具集

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

開發(fā)者工具

• redux-devtools —— 一個(gè)使用時(shí)間旅行 UI 、熱加載和 reducer 錯(cuò)誤處理器的 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 如何使用限制措施，讓伴隨時(shí)間旅行的熱加載變得簡單
• Cleaning the Tar: Using React within the Firefox Developer Tools —— 了解如何從已有的 MVC 應(yīng)用逐步遷移至 Redux

社區(qū)公約

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

更多

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