標籤：level get 日誌 網站 hook from marker 標準 圖表
生態系統
Redux 是一個體小精悍的庫，但它相關的內容和 API 都是精挑細選的，足以衍生出豐富的工具集和可擴充的生態系統。
如果需要關於 Redux 所有內容的列表，推薦移步至 Awesome Redux。它包含了樣本、樣板代碼、中介軟體、工具庫，還有很多其它相關內容。要想學習 React 和 Redux ，React/Redux Links 包含了教程和不少有用的資源，Redux Ecosystem Links 則列出了 許多 Redux 相關的庫及外掛程式。
本頁將只列出由 Redux 維護者審查過的一部分內容。不要因此打消嘗試其它工具的信心！整個生態發展得太快，我們沒有足夠的時間去關注所有內容。建議只把這些當作“內部推薦”，如果你使用 Redux 建立了很酷的內容，不要猶豫，馬上發個 PR 吧。
學習 Redux示範
- 開始學習 Redux — 向作者學習 Redux 基礎知識（30 個免費的教學視頻）
- 學習 Redux — 搭建一個簡單的圖片應用，簡要使用了 Redux、React Router 和 React.js 的核心思想
樣本應用
- 官方樣本 — 一些官方樣本，涵蓋了多種 Redux 技術
- SoundRedux — 用 Redux 構建的 SoundCloud 用戶端
- grafgiti — 在你的 Github 的 Contributor 頁上建立 graffiti
教程與文章
- Redux 教程
- Redux Egghead 課程筆記
- 使用 React Native 進行資料整合
- What the Flux?! Let’s Redux.
- Leveling Up with React: Redux
- A cartoon intro to Redux
- Understanding Redux
- Handcrafting an Isomorphic Redux Application (With Love)
- Full-Stack Redux Tutorial
- Getting Started with React, Redux, and Immutable
- Secure Your React and Redux App with JWT Authentication
- Understanding Redux Middleware
- Angular 2 — Introduction to Redux
- Apollo Client: GraphQL with React and Redux
- Using redux-saga To Simplify Your Growing React Native Codebase
- Build an Image Gallery Using Redux Saga
- Working with VK API (in Russian)
演講
- Live React: Hot Reloading and Time Travel — 瞭解 Redux 如何使用限制措施，讓伴隨時間旅行的熱載入變得簡單
- Cleaning the Tar: Using React within the Firefox Developer Tools — 瞭解如何從已有的 MVC 應用逐步遷移至 Redux
- Redux: Simplifying Application State — Redux 架構介紹
使用 Redux不同架構綁定
- react-redux — React
- ng-redux — Angular
- ng2-redux — Angular 2
- backbone-redux — Backbone
- redux-falcor — Falcor
- deku-redux — Deku
中介軟體
- redux-thunk — 用最簡單的方式搭建非同步 action 構造器
- redux-promise — 遵從 FSA 標準的 promise 中介軟體
- redux-axios-middleware — 使用 axios HTTP 用戶端擷取資料的 Redux 中介軟體
- redux-observable — Redux 的 RxJS 中介軟體
- redux-rx — 給 Redux 用的 RxJS 工具，包括觀察變數的中介軟體
- redux-logger — 記錄所有 Redux action 和下一次 state 的日誌
- redux-immutable-state-invariant — 開發中的狀態變更提醒
- redux-unhandled-action — 開發過程中，若 Action 未使 State 發生變化則發出警告
- redux-analytics — Redux middleware 分析
- redux-gen — Redux middleware 產生器
- redux-saga — Redux 應用的另一種副作用 model
- redux-action-tree — Redux 的可組合性 Cerebral-style 訊號
- apollo-client — 針對 GraphQL 伺服器及基於 Redux 的 使用者介面架構的快取用戶端
路由
- redux-simple-router — 保持 React Router 和 Redux 同步
- redux-router — 由 React Router 綁定到 Redux 的庫
組件
- redux-form — 在 Redux 中時時持有 React 表格的 state
- react-redux-form — 在 React 中使用 Redux 產生表格
增強器（Enhancer）
- redux-batched-subscribe — 針對 store subscribers 的自訂批處理與防跳請求
- redux-history-transitions — 基於獨斷的 action 的 history 庫轉換
- redux-optimist — 使 action 可稍後提交或撤銷
- redux-optimistic-ui — A reducer enhancer to enable type-agnostic optimistic updates 允許對未知類型進行更新的 reducer 增強器
- redux-undo — 使 reducer 便捷的重做/撤銷，以及 action 記錄功能
- redux-ignore — 通過數組或過濾功能忽略 redux action
- redux-recycle — 在確定的 action 上重設 redux 的 state
- redux-batched-actions — 單使用者通知去 dispatch 多個 action
- redux-search — 自動 index 網站資源並實現立即搜尋
- redux-electron-store — Store 增強器， 可同步不同 Electron 進程上的多個 Redux store
- redux-loop — Sequence effects purely and naturally by returning them from your reducers
- redux-side-effects — Utilize Generators for declarative yielding of side effects from your pure reducers
工具集
- reselect — 受 NuclearJS 啟發，有效派生資料的選取器
- normalizr — 為了讓 reducers 更好的消化資料，將API返回的嵌套資料範式化
- redux-actions — 在初始化 reducer 和 action 構造器時減少樣板代碼 (boilerplate)
- redux-act — 產生 reducer 和 action 建立函數的庫
- redux-transducers — Redux 的編譯器工具
- redux-immutablejs — 將Redux 和 Immutable 整合到一起的工具
- redux-tcomb — 在 Redux 中使用具有不可變特性、並經過類型檢查的 state 和 action
- redux-mock-store - 類比 redux 來測試應用
- redux-actions-assertions — Redux actions 測試斷言
開發人員工具
- redux-devtools — 一個使用時間旅行 UI 、熱載入和 reducer 錯誤處理器的 action 日誌工具，最早示範於 React Europe 會議
- Redux DevTools Extension — 打包了 Redux DevTools 及附加功能的 Chrome 外掛程式
開發人員工具監聽器
- Log Monitor — Redux DevTools 預設監聽器，提供樹狀檢視
- Dock Monitor — A resizable and movable dock for Redux DevTools monitors
- Slider Monitor — Redux DevTools 自訂監聽器，可回放被記錄的 Redux action
- Inspector — Redux DevTools 自訂監聽器，可篩選、區分 action，深入 state 並監測變化
- Diff Monitor — 區分不同 action 的 store 變動的 Redux Devtools 監聽器
- Filterable Log Monitor — 樹狀可篩選過的檢視的 Redux DevTools 監聽器
- Chart Monitor — Redux DevTools 圖表監聽器
- Filter Actions — 可篩選 action 、可組合使用的 Redux DevTools 監聽器
社區公約
- Flux Standard Action — Flux 中 action object 的人性化標準
- Canonical Reducer Composition — 嵌套 reducer 組成的武斷標準
- Ducks: Redux Reducer Bundles — 關於捆綁多個 reducer, action 類型 和 action 的提案
翻譯
- 中文文檔 — 簡體中文
- 繁體中文檔案 — 繁體中文
- Redux in Russian — 俄語
- Redux en Espa?ol - 西班牙語
更多
- Awesome Redux 是一個包含大量與 Redux 相關的庫列表。
- React-Redux Links React、Redux、ES6 的高品質文章、教程、及相關內容列表。
- Redux Ecosystem Links Redux 相關庫、外掛程式、工具集的分類資源。
Redux生態系統
