redux和react有什么关系

Question

redux和react有什么关系

Answer 1

What

• Redux 是 JavaScript 状态容器，提供可预测化的状态管理。

• 一个完整单独的State Tree

• 操作State Tree的Producer纯函数（可拆分为多个子项）

• 通过Action来表达修改State的意图

Differ

• 和Fulx类似，也是一种推荐的数据传输方式。只是对比起flux的Dispatcher、Store再分类成Store、Action和Reducer，其中，Action是数据的传输形式，Reducer是事件的集合以及操作的处理（例如增删改查） 

• Redux 由 Flux 演变而来，但受 Elm 的启发，避开了 Flux 的复杂性。Flux 常常被表述为 (state, action) => state。但是用纯函数，而不是用事件处理器来进行。（No EventEmitter）

和flux的区别

flux和redux的不同

从flux的store，view，dispatcher（ACTION_TYPE）演变成了：view，ACTION_TYPE，Reducer，Store（redux中自己有，你在上面注册调用事件即可。或者不注册直接使用默认的dispatcher就好）

• Redux 并没有 dispatcher 的概念，store(dispatcher)的部分已经在store自动实现了。

• 各层的职责：view负责展示和发送事件，Action_type负责事件信息并且获取数据（同步或者异步）传给reducer，reducer负责处理数据。

• Redux 设想你永远不会变动你的数据，因此每次都会返回一个新的state

Why

在 React 中，UI 以组件的形式来搭建，组件之间可以嵌套组合。另，React 中组件间通信的数据流是单向的，顶层组件可以通过 props 属性向下层组件传递数据，而下层组件不能向上层组件传递数据，兄弟组件之间同样不能。这样简单的单向数据流支撑起了 React 中的数据可控性。