11、Redux 架构：原理与实践

Redux 架构：原理与实践

1. Redux 简介

1.1 起源

曾经，Facebook 桌面网页应用存在一个 Bug，即 Messenger 未读消息计数在不同视图中显示不一致，导致数据不同步，应用看起来有问题。为保证数据一致性，一种新的单向架构 Flux 应运而生。之后，在 2015 年，Dan Abramov 和 Andrew Clark 基于 Flux 灵感创建了 Redux 作为 JavaScript 实现。此后，也有了 Swift 和 Kotlin 等语言的 Redux 实现。

1.2 核心概念

• Store ：存储应用的所有状态，是应用的实时快照。状态改变时，用户界面会更新以反映新状态。
• Action ：描述状态改变的不可变数据。用户与界面交互时创建 Action，是改变 Store 状态的唯一方式。
• Reducer ：使用当前状态和 Action 来改变应用的状态。Reducer 是纯函数，不应有副作用。

1.3 Store 中的状态类型

状态类型	描述
视图状态	决定显示、隐藏、启用、禁用哪些用户元素，或微调器是否动画。
导航状态