6、构建骨架架构：Flux 架构中的商店实现与状态管理

构建骨架架构：Flux 架构中的商店实现与状态管理

1. 外部因素对骨架架构的影响

在构建骨架架构时，API 数据和用户体验这两个外部因素会对我们的处理方式产生影响。以下是它们影响骨架架构实现的示意图：

graph LR
    classDef process fill:#E5F6FF,stroke:#73A6FF,stroke-width:2px;
    A(API Data):::process --> B(Skeleton Architecture):::process
    C(User Experience):::process --> B

当存在现有的 API 时，我们可以以此为起点编写状态转换函数，为用户提供所需信息。若要保持现有的用户体验，我们已知目标信息的形式，可从不同角度编写转换函数。当 Flux 架构完全是全新构建时，它可以同时影响用户体验和需要实现的 API。

2. 商店的实现与操作

2.1 获取 API 数据

无论是否有可使用的 API，最终我们都会通过 API 获取数据来填充商店。因此，这是实现骨架商店的首要设计活动。

以应用主页的基本商店为例，用户通常希望看到当前登录用户、导航菜单和相关近期事件的摘要列表。以下是该商店的首次实现代码：

// Import the dispatcher, so that the store can
// listen to dispatch ev