http://www.redux.org.cn
3359 github.com/react-guide/redux-tutorial-cn
三大原则Redux可以用这三个基本原则来描述：
单个数据源整个应用的state被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个store中。
这使得同类APP应用的开发变得非常容易。 来自服务器端的state被序列化并注入客户端，而无需编写更多代码。 因为是单个状态树，所以调试也非常容易。 开发过程中，可以通过在本地存储APP的state来加快开发速度。 受益于单个状态树，以前很难实现的“撤消/重做”等功能也变得简单了。
console.log(store.getstate ()/*输出(可见性过滤器： ) show_all )，todos: ) text: ) considerusinng
这样可以防止视图和网络请求都直接修改state。 相反，我只能表达我想修改的意图。 所有修改都是集中处理的，一个接一个严格执行，因此您不必担心race condition的出现。 因为Action是常规对象，所以可以在打印、序列化、保存、事后调试或测试日志时播放。
store.dispatch (type : ' complete _ todo '，index: 1} ) store.dispatch ) { type : ' set _ visibility _ fis ppath
Reducer是一个纯函数，接受以前的state和action并返回新的state。 最初可以只有一个reducer，但是随着APP应用程序的增长，可以将其拆分为多个小reducers，每个reducers可以独立地处理状态树的不同部分。 由于reducer只是一个函数，因此您可以控制调用它们的顺序、捕获其他数据，以及创建可重用的reducer来处理一般任务(如分页)。
functionvisibilityfilter (state=' show _ all '， 动作(switch ) action.type ) case ' set _ visibility _ filter ' : return action.filter default 3360 return state } 动作(switch ) action.type ) case'add_todo':return )…state，{ text: action.text，completed 3360 false } index )={if ) index==action.index } { completed 3360 true } } return todo } } default : return state }导入{ combint } createstore } from ' redux ' let reducer=combine reducers ({ visibility filter，todos } ) letstore=createstore ) ) reducer
生态系统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 页上创建 graffitiReact-lego — 如何像积木一样，一块块地扩展你的 Redux 技术栈教程与文章 Redux 教程Redux Egghead 课程笔记使用 React Native 进行数据整合What the Flux?! Let’s Redux.Leveling Up with React: ReduxA cartoon intro to ReduxUnderstanding ReduxHandcrafting an Isomorphic Redux Application (With Love)Full-Stack Redux TutorialGetting Started with React, Redux, and ImmutableSecure Your React and Redux App with JWT AuthenticationUnderstanding Redux MiddlewareAngular 2 — Introduction to ReduxApollo Client: GraphQL with React and ReduxUsing redux-saga To Simplify Your Growing React Native CodebaseBuild an Image Gallery Using Redux SagaWorking with VK API (in Russian)演讲 Live React: Hot Reloading and Time Travel — 了解 Redux 如何使用限制措施，让伴随时间旅行的热加载变得简单Cleaning the Tar: Using React within the Firefox Developer Tools — 了解如何从已有的 MVC 应用逐步迁移至 ReduxRedux: Simplifying Application State — Redux 架构介绍使用 Redux 不同框架绑定 react-redux — Reactng-redux — Angularng2-redux — Angular zydbh中间件 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 应用的另一种副作用 modelredux-action-tree — Redux 的可组合性 Cerebral-style 信号apollo-client — 针对 GraphQL 服务器及基于 Redux 的 UI 框架的缓存客户端路由 redux-simple-router — 保持 React Router 和 Redux 同步redux-router — 由 React Router 绑定到 Redux 的库组件 redux-form — 在 Redux 中时时持有 React 表格的 statereact-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 actionredux-recycle — 在确定的 action 上重置 redux 的 stateredux-batched-actions — 单用户通知去 dispatch 多个 actionredux-search — 自动 index 站点资源并实现即时搜索redux-electron-store — Store 增强器， 可同步不同 Electron 进程上的多个 Redux storeredux-loop — Sequence effects purely and naturally by returning them from your reducersredux-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 和 actionredux-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 monitorsSlider Monitor — Redux DevTools 自定义监听器，可回放被记录的 Redux actionInspector — 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 相关库、插件、工具集的分类资源。