8、构建可维护和可扩展的 Elm 应用程序

构建可维护和可扩展的 Elm 应用程序

1. 学习回顾与挑战

在 Elm 应用开发中，我们已经掌握了更新列表中单个照片的实用方法，还学会了利用 Elm 端口、订阅以及 WebSockets 实现照片动态实时更新。然而，现实中的应用程序往往代码量巨大，若不妥善处理，随着应用规模扩大，代码将变得难以维护。大型应用处理众多消息，会导致更新和视图函数冗长、难以阅读且存在大量代码重复。

2. 项目背景：沙拉构建应用

一家名为 Saladise 的大型连锁餐厅需要开发一个新的沙拉构建应用。顾客可以选择喜欢的蔬菜、配料和调味料来定制沙拉，并提供联系信息以接收取餐提醒。但该应用目前面临复杂性问题，难以添加新功能，因此需要进行重构。

2.1 项目搭建步骤

1. 创建一个名为 salad-builder 的目录。
2. 从代码资源中复制 code/larger/salad-builder 目录的内容到 salad-builder 目录。
3. 进入 salad-builder 目录，使用以下命令安装依赖：

npm install

4. 安装完成后，使用以下命令启动应用：

npm start

应用启动后，开发服