3、Flux架构：原理与实践

Flux架构：原理与实践

1. Flux组件概述

Flux是一种用于JavaScript应用的架构模式，能有效处理数据流动问题。它主要由以下几个核心组件构成：
- Action（动作） ：是系统的“动词”，代表着我们希望应用执行的功能。例如：
- Fetch the session
- Navigate to the settings page
- Filter the user list
- Toggle the visibility of the details section
简单来说，一个动作可以只是一个用于标识其目的的字符串，更常见的是由名称和负载（payload）组成。负载是传递到系统中的不透明数据，就像邮件包裹，Flux系统的入口只关心包裹能否到达目的地。
mermaid graph LR A[Payload] --> B[Action] C[Payload] --> D[Action] E[Payload] --> F[Action] B --> G[Flux] D --> G F --> G
黄金法则 ：如果不是动作，就无法执行相应操作。
- Dispatcher（调度器） ：负责将动作分发给存储组件。它类似于消息代理，如RabbitMQ中的消息代理，是所有数据在实际分发前的中央枢纽。
mermaid graph LR A[Action] --> B[Dispatcher] C[Action] --> B D