非常教程

Redux参考手册

介绍 | Introduction

生态系统(Ecosystem)

Redux 是一个小型图书馆,但其合约和API经过精心挑选,以产生工具和扩展的生态系统。

有关与 Redux 相关的所有内容的广泛列表,我们推荐 Awesome Redux 。它包含示例,样板,中间件,实用程序库等。 React / Redux 链接包含教程和其他有用的资源,供学习React或Redux 的人使用, Redux Ecosystem Links 列出了许多与 Redux 相关的库和插件。

在这个页面上,我们只会介绍几个 Redux 维护人员亲自审核的内容。不要让这阻止你尝试其余的人!生态系统增长过快,我们只能有限的时间去观察一切。考虑这些“员工挑选”,如果您使用 Redux 构建了一些精彩的内容,请不要犹豫提交PR。

Learning Redux

截屏

  • Redux 入门 - 直接从其创建者那里了解 Redux 的基本知识(30个免费视频)
  • 学习 Redux - 构建简单的照片应用程序,简化 Redux,React Router 和 React.js 背后的核心思想

示例应用

  • 官方示例 - 一些涵盖不同 Redux 技术的官方示例
  • SoundRedux - 使用 Redux 构建的 SoundCloud 客户端
  • grafgiti - 在你的 GitHub 贡献墙上创建 grafgiti
  • React-lego - 如何插入React,一次一个块。

教程和文章

  • Redux 教程
  • Redux Egghead 课程笔记
  • 将数据与 React Native 集成
  • Flux 是什么?!让我们 Redux。
  • 使用 React 进行调整:Redux
  • Redux 的动画介绍
  • 了解 Redux
  • 手工制作同构重做应用程序(有爱)
  • Full-Stack Redux 教程
  • 开始使用 React,Redux 和 Immutable
  • 使用JWT身份验证保护您的 React 和 Redux 应用程序
  • 了解 Redux 中间件
  • Angular 2 - 简介 Redux
  • Apollo客户端:带有 React 和 Redux 的 GraphQL
  • 使用 redux-saga 简化增长的 React Native Codebase
  • 使用 Redux Saga 构建一个图像库
  • 使用VK API(俄语)

Talks

  • 实时反应:热重新加载和时间旅行 - 查看Redux强制实施的限制如何轻松实现热重新加载
  • 清理 Tar:在 Firefox 开发人员工具中使用 React - 了解如何逐步将现有的MVC应用程序迁移到Redux
  • Redux:简化应用程序状态 - 介绍Redux体系结构

使用Redux

绑定

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

中间件

  • redux-thunk - 编写异步操作创建者的最简单方法
  • REDX-promise - 符合FSA的承诺中间件
  • redux-axios-middleware - 用于使用axios HTTP客户端获取数据的Redux中间件
  • redux-observable - 使用“Epics”的动作副作用的RxJS中间件
  • redux-cycles - 使用Cycle.js处理Redux异步操作
  • redux-logger - 记录每个Redux动作和下一个状态
  • redux-immutable-state-invariant - 警告发展中的状态突变
  • redux-unhandied-action - 警告在开发过程中不会产生状态变化的行为
  • redux-analytics - 用于Redux的分析中间件
  • redux-gen 用于Redux的 Generator中间件
  • redux-saga - Redux应用程序的替代side effect模型
  • redux-action-tree - 用于Redux的可组合的Cerebral-style信号
  • apollo-client - 构建于Redux之上的任何GraphQL服务器和UI框架的简单缓存客户端

Routing

  • react-router-redux - 简单的绑定,使React Router和Redux保持同步
  • redial - React的通用数据获取和路由生命周期管理,与Redux协同工作

组件

  • redux-form - 在Redux中保留React表单状态
  • react-redux-form - 在React和Redux中轻松创建表单

Enhancers

  • redux-batched-subscribe - 自定义批量和删除电话给商店用户
  • 还原历史转换 - 基于任意动作的历史转换
  • redux-optimist - 乐观应用可以稍后提交或恢复的操作
  • redux-optimistic-ui - 一个reducer增强器,用于启用类型不可知的乐观更新
  • redux-undo - 轻松撤消/重做和您的减速器的行动历史
  • redux-ignore - 忽略数组或过滤器函数的redux动作
  • redux-recycle - 在某些操作中重置redux状态
  • redux-batched-actions - 使用单个订阅者通知分发多个操作
  • redux-search - 在web worker中自动索引资源并在不受阻碍的情况下进行搜索
  • redux-electron-store - 在Electron进程中同步Redux存储的存储增强器
  • redux-loop - 通过从缩减器中返回它们,纯粹且自然的序列效果
  • redux-side-effects - 利用生成器从纯粹的还原剂中声明性地产生副作用

Utilities

  • reselect - 由NuclearJS启发的高效派生数据选择器
  • normalizr - 规范嵌套的API响应,以便更容易使用reducer
  • redux-actions - 减少writing reducers和action creators的样板
  • redux-act - 用于制作reducers和action creators的opinionated图书馆
  • redux transducers - 用于Redux的Transducer实用程序
  • redux-immutable - 用于创建combineReducers与Immutable.js状态一起使用的Redux的等效函数。
  • redux-tcomb - Redux的不可变和类型检查状态和操作
  • redux-mock-store - 用于测试您的应用程序的Mock redux store
  • redux-actions-assertions - Redux操作测试的断言
  • redux-bootstrap - Redux应用程序的引导功能

DevTools

  • Redux DevTools - 一款带有时间旅行用户界面的动作记录器,热重新加载和减速器的错误处理,首先在React Europe展示
  • Redux DevTools扩展 - Chrome扩展包装Redux DevTools并提供附加功能

DevTools Monitors

  • Log Monitor - 具有树视图的Redux DevTools的默认监视器
  • Dock Monitor - 用于Redux DevTools监视器的可调整大小和可移动的dock
  • Slider Monitor - 用于Redux DevTools重放录制的Redux操作的自定义监视器
  • Inspector - Redux DevTools的自定义监视器,可让您过滤操作,检查差异并在该状态下固定深度路径以观察其变化
  • Diff Monitor - 用于Redux Devtools的监视器,用于区分操作之间的Redux存储区突变
  • 可过滤日志监视器 - 用于Redux DevTools的可过滤树视图监视器
  • Chart Monitor - 用于Redux DevTools的图表监视器
  • Fliter Actions - Redux DevTools可组合的监视器,具有筛选操作的能力

Community Conventions

  • Flux Stanard Action - Flux动作对象的人性化标准
  • Canonical Reducer Composition - 嵌套reducer composition的自由标准
  • Ducks:Redux Reducer Bundles - 捆绑减速器,动作类型和动作的建议

翻译

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

更多

Awesome Redux 是与 Redux 相关的存储库的广泛列表。

React-Redux Links 是 React,Redux,ES6 等高质量文章,教程和相关内容的策划列表。

Redux Ecosystem Links 是与 Redux 相关的库,插件和实用程序的分类集合。

Redux

Redux由Dan Abramov在2015年创建的科技术语。是受2014年Facebook的Flux架构以及函数式编程语言Elm启发。很快,Redux因其简单易学体积小在短时间内成为最热门的前端架构。

主页 http://redux.js.org/
源码 https://github.com/reactjs/redux/
发布版本 3.7.2

Redux目录

1.高级 | Advanced
2.API
3.基础 | Basics
4.FAQ
5.介绍 | Introduction
6.其他 | Miscellaneous
7.方法 | Recipes