9、Elm 应用状态管理与视图优化实践

Elm 应用状态管理与视图优化实践

1. 使用嵌套状态管理沙拉状态

在应用开发中，当前的 Model 包含了不同应用概念的字段，如视图状态、沙拉选项和联系信息等。这导致 update 函数承担了过多的职责。为了让应用能够更好地扩展，需要采用模块化模式来管理 Model 状态。接下来将使用嵌套状态来管理 Model 中的沙拉部分。

1.1 提取沙拉状态

• 创建一个 Salad 记录类型，包含 base 、 toppings 和 dressing 字段。在 Model 上方添加如下代码：

type alias Salad =
    { base : Base
    , toppings : Set String
    , dressing : Dressing
    }

• 用 salad 字段替换 Model 中与沙拉相关的三个字段：

type alias Model =
    { -- view state fields
    , salad : Salad
    , -- contact fields