围绕我的 State Store 设计进行推理 - UI vs App State答案

【问题标题】：Reasoning around my State Store Design - UI vs App State围绕我的 State Store 设计进行推理 - UI vs App State
【发布时间】：2018-01-10 15:22:51
【问题描述】：

我对应用程序状态和 UI 状态感到有些困惑。当用户从页面上的列表中选择一个活动时，将进行 API 调用以获取所选活动的公告。选定的活动 ID 是否被视为 UI 或应用程序状态？选择的活动 ID 应该存储在销售活动切片中还是应该存储到专用的 UI 切片中，例如销售活动列表？

这是我目前的结构。

{
    "entities": {
        "sale-activities": {
            "1": { "id": 1, "vehicleId": 3, "status": "pending" },
            "2": { "id": 2, "vehicleId": 3, "status": "completed" }
        },
        "sale-activity-announcements": {
            "4": { "id": 1, "saleActivityId": 1, "description": "Announcement 4" },
            "5": { "id": 2, "saleActivityId": 1, "description": "Announcement 5" },
            "6": { "id": 1, "saleActivityId": 2, "description": "Announcement 6" },
            "7": { "id": 2, "saleActivityId": 2, "description": "Announcement 7" }
        }
    },
    "sale-activities": {
        "loaded": true,
        "loading": false,
        "ids": [1, 2],
        "offset": 0,
        "selectedActivityId": 1
    },
    "sale-activity-announcements": {
        "1": {
            "loaded": true,
            "loading": false,
            "ids": [4, 5]
        },
        "2": {
            "loaded": true,
            "loading": false,
            "ids": [6, 7]
        }
    },
    "selectedVehicleId": 3
}

【问题讨论】：

欢迎来到stackoverflow how to ask a question
这个设计有意义吗？就像我提到的，这是我第一次/尝试这样做。
我没看懂问题，请直接写你的问题，重点放在你想知道的信息上！谢谢！
好的，现在问题应该更清楚了。

标签： javascript angular redux ngrx ngrx-store

【解决方案1】：

我不知道在这种情况下应用程序和 ui 状态之间是否真的存在分离——对我来说这都是“ui 应用程序”状态。不过，我认为您的结构没有任何问题。

【讨论】：