Redux 6 - 入门：生态系统（Ecosystem）

原文

http://testudy.cc/tech/

Redux is a tiny library, but its contracts and APIs are carefully chosen to spawn an ecosystem of tools and extensions.

Redux应该算做一个微型库，但在其严格的约束和严谨的API基础之上衍生出一套完整的工具和扩展的系统。

For an extensive list of everything related to Redux, we recommend Awesome Redux. It contains examples, boilerplates, middleware, utility libraries, and more. React/Redux Links contains tutorials and other useful resources for anyone learning React or Redux, and Redux Ecosystem Links lists many Redux-related libraries and addons.

如果要查找Redux相关的信息清单，推荐去Awesome Redux站点。这个站点包含了示例、脚手架、中间件、工具库等等。React/Redux Links站点里面有一套相关教程，也包含其他有用的React和Redux相关资源。Redux Ecosystem Links站点搜集了Redux相关库和插件清单。

On this page we will only feature a few of them that the Redux maintainers have vetted personally. Don’t let this discourage you from trying the rest of them! The ecosystem is growing too fast, and we have a limited time to look at everything. Consider these the “staff picks”, and don’t hesitate to submit a PR if you’ve built something wonderful with Redux.

在当前页面中，仅仅列举出Redux系统中由Redux作者审核过的一小部分。这不是你拒绝尝试除此之外项目的理由，也不用顾虑这份”员工精选“，相反当你创建出漂亮的Redux项目时请毫不迟疑的提交一个PR来扩展维护这个页面。Redux系统发展太快，而我的时间有限不能看全所有相关内容。

学习Redux（Learning Redux）

录屏视频（Screencasts）

• Getting Started with Redux — Learn the basics of Redux directly from its creator (30 free videos)

• Learn Redux — Build a simple photo app that will simplify the core ideas behind Redux, React Router and React.js

• Redux入门 — 直接跟随Redux作者进行基础学习（包含30个免费视频）
• Redux学习 — 构建一个简单的照片App，快速学习Redux、React Router和React.js的核心思想。

示例应用（Example Apps）

• Official Examples — A few official examples covering different Redux techniques
• SoundRedux — A SoundCloud client built with Redux
• grafgiti — Create graffiti on your GitHub contributions wall

• React-lego — How to plug into React, one block at a time.

• 官方示例 — 涵盖Redux技术不同方面的官方示例
• SoundRedux — 基于Redux构建的SoundCloud客户端
• 涂鸦 — 在你的Github贡献墙上创建涂鸦
• React乐高 — 如何一个一个模块搭建React。

教程和文章（Tutorials and Articles）

• Redux教程（Redux Tutorial）
• Egghead Redux课程笔记（Redux Egghead Course Notes）
• 在React Native中集成数据（Integrating Data with React Native）
• 还在用Flux？！一起来用Redux吧。（What the Flux?! Let’s Redux.）
• React进阶：Redux（Leveling Up with React: Redux）
• 卡通版Redux介绍（A cartoon intro to Redux）
• 理解Redux（Understanding Redux）
• 手把手创建Redux同构应用（Handcrafting an Isomorphic Redux Application (With Love)）
• 全栈Redux教程（Full-Stack Redux Tutorial）
• React、Redux和Immutable入门（Getting Started with React, Redux, and Immutable）
• 使用JWT授权加固你的React/Redux应用（Secure Your React and Redux App with JWT Authentication）
• 理解Redux中间件（Understanding Redux Middleware）
• Angular 2 - Redux简介（Angular 2 — Introduction to Redux）
• Apollo客户端：GraphQL和React、Redux（Apollo Client: GraphQL with React and Redux）
• 使用redux-saga简化不断增长的React Native代码（Using redux-saga To Simplify Your Growing React Native Codebase）
• 使用Redux Saga构建照片墙（Build an Image Gallery Using Redux Saga）
• 使用VK API（Working with VK API (in Russian)）

演讲（Talks）

• Live React: Hot Reloading and Time Travel — See how constraints enforced by Redux make hot reloading with time travel easy
• Cleaning the Tar: Using React within the Firefox Developer Tools — Learn how to gradually migrate existing MVC applications to Redux

• Redux: Simplifying Application State — An intro to Redux architecture

• 实时React：热加载和时间旅行 — 看看在Redux的强约束之下热加载和时间旅行会变得多么容易
• 清理Tar：在Firefox开发者工具中使用React — 学习如何将现存的MVC应用逐步迁移到Redux
• Redux：简化App状态管理 — Redux架构简介

Redux使用（Using Redux）

绑定（Bindings）

• react-redux — React
• ng-redux — Angular
• ng2-redux — Angular 2
• backbone-redux — Backbone
• redux-falcor — Falcor
• deku-redux — Deku
• polymer-redux - Polymer
• ember-redux - Ember.js

中间件（Middleware）

• redux-thunk — 编写异步Action最简单的方式（The easiest way to write async action creators）
• redux-promise — 符合FSA规范的Promise中间件（FSA-compliant promise middleware）
• redux-axios-middleware — 使用axios HTTP客户端获取数据的Redux中间件（Redux middleware for fetching data with axios HTTP client）
• redux-observable — RxJS中间件（RxJS middleware for action side effects using “Epics”）
• redux-logger — 记录Redux中每一个Action和State日志（Log every Redux action and the next state）
• redux-immutable-state-invariant — 在开发过程中预警状态突变（Warns about state mutations in development）
• redux-unhandled-action — 在开发过程中预警不产生状态变化的Action（Warns about actions that produced no state changes in development）
• redux-analytics — Redux统计中间件（Analytics middleware for Redux）
• redux-gen — Redux生成器中间件（Generator middleware for Redux）
• redux-saga — Redux应用中一个可替代的副作用模型（An alternative side effect model for Redux apps）
• redux-action-tree — Redux中组合位Cerebral形式的信号（Composable Cerebral-style signals for Redux）
• apollo-client — 在Redux中使用的为GraphQL和UI框架使用的缓存客户端（A simple caching client for any GraphQL server and UI framework built on top of Redux）

路由（Routing）

• react-router-redux — 同步绑定React Router和Redux（Ruthlessly simple bindings to keep React Router and Redux in sync）
• redial — 使React和Redux合作顺畅的同意数据获取和路由生命周期管理（Universal data fetching and route lifecycle management for React that works great with Redux）

组件（Components）

• redux-form — 在Redux中保持React表单状态（Keep React form state in Redux）
• react-redux-form — 在使用Redux的React中简化表单创建（Create forms easily in React with Redux）

功能增强（Enhancers）

• redux-batched-subscribe — 自定义批处理Store订阅者（Customize batching and debouncing calls to the store subscribers）
• redux-history-transitions — 基于Action的历史记录过渡（History transitions based on arbitrary actions）
• redux-optimist — 乐观的Action应用，允许延后提交或者撤销（Optimistically apply actions that can be later committed or reverted）
• redux-optimistic-ui — Reducer增强，用于不可知状态的乐观更新（A reducer enhancer to enable type-agnostic optimistic updates）
• redux-undo — 无副作用的Undo/Redo Action历史（Effortless undo/redo and action history for your reducers）
• redux-ignore — 忽略数据和过滤方法的Redux Action调用（Ignore redux actions by array or filter function）
• redux-recycle — 重置确定Action的Redux状态（Reset the redux state on certain actions）
• redux-batched-actions — 使用单个订阅者通知派发若干个Action（Dispatch several actions with a single subscriber notification）
• redux-search — 在Webwork中自动索引资源，并且进行不阻塞的搜索（Automatically index resources in a web worker and search them without blocking）
• redux-electron-store — 跨Electron进程同步Redux Store（Store enhancers that synchronize Redux stores across Electron processes）
• redux-loop — 序列化Reducer的返回结果（Sequence effects purely and naturally by returning them from your reducers）
• redux-side-effects — Side-Effects生成工具（Utilize Generators for declarative yielding of side effects from your pure reducers）

工具（Utilities）

• reselect — 灵感源自NuclearJS的数据选择器（Efficient derived data selectors inspired by NuclearJS）
• normalizr — 规范化API嵌套数据响应（Normalize nested API responses for easier consumption by the reducers）
• redux-actions — Reducer和Action脚手架（Reduces the boilerplate in writing reducers and action creators）
• redux-act — 规范化使用Reducer和Action的约束库（An opinionated library for making reducers and action creators）
• redux-transducers — Redux转换器工具（Transducer utilities for Redux）
• redux-immutable — 用于Immutable.js的combineReducers等效方法（Used to create an equivalent function of Redux combineReducers that works with Immutable.js state.）
• redux-tcomb — Redux状态和行为不可变和类型检查工具（Immutable and type-checked state and actions for Redux）
• redux-mock-store — App测试时的Store Mock工具（Mock redux store for testing your app）
• redux-actions-assertions — Redux Action测试断言工具（Assertions for Redux actions testing）
• redux-bootstrap — 封装的Redux应用启动方法（Bootstrapping function for Redux applications）

开发工具（DevTools）

• Redux DevTools — Action日志工具，用来记录时间旅行、热加载和错误处理（An action logger with time travel UI, hot reloading and error handling for the reducers, first demoed at React Europe）
• Redux DevTools Extension — Redux Devtools的Chrome扩展，并提供了额外的功能（A Chrome extension wrapping Redux DevTools and providing additional functionality）

开发监视工具（DevTools Monitors）

• Log Monitor — Redux DevTools默认的树形视图查看工具（The default monitor for Redux DevTools with a tree view）
• Dock Monitor — 一个可调整大小、可移动的Redux DevTools监视Dock（A resizable and movable dock for Redux DevTools monitors）
• Slider Monitor — 自定义Action监视（A custom monitor for Redux DevTools to replay recorded Redux actions）
• Inspector — 检查器（A custom monitor for Redux DevTools that lets you filter actions, inspect diffs, and pin deep paths in the state to observe their changes）
• Diff Monitor — Action之后State Diff监视（A monitor for Redux Devtools that diffs the Redux store mutations between actions）
• Filterable Log Monitor — 可过滤树形视图（Filterable tree view monitor for Redux DevTools）
• Chart Monitor — Redux DevTools的图形化监视器（A chart monitor for Redux DevTools）
• Filter Actions — 可过滤Action监视器（Redux DevTools composable monitor with the ability to filter actions）

社区规范（Community Conventions）

• Flux Standard Action — 人类友好的Flux Action对象标准（A human-friendly standard for Flux action objects）
• Canonical Reducer Composition — Reducer嵌套组件标准（An opinionated standard for nested reducer composition）
• Ducks: Redux Reducer Bundles — Reducer集合、Action类型和Action规范建议（A proposal for bundling reducers, action types and actions）

翻译（Translations）

• 中文文档 — Chinese
• 繁體中文文件 — Traditional Chinese
• Redux in Russian — Russian
• Redux en Español - Spanish

更多（More）

Awesome Redux is an extensive list of Redux-related repositories.
React-Redux Links is a curated list of high-quality articles, tutorials, and related content for React, Redux, ES6, and more.
Redux Ecosystem Links is a categorized collection of Redux-related libraries, addons, and utilities.

Awesome Redux是一个Redux相关资源库清单。
React-Redux Links是一个包含React、Redux、ES6等高质量文章、教程等相关内容的精选列表。
Redux Ecosystem Links Redux相关库、插件和工具的分类列表。