This page covers Elm 0.18

アプリケーションフロー

次の図は、アプリケーションの部分がHtml.programとどのように対話するかを示しています。

1. Html.programは、初期モデルでビュー関数を呼び出してレンダリングします。
2. ユーザが「Expand」ボタンをクリックすると、ビューは「Expand」メッセージをトリガします。
3. Html.programはExpandメッセージを受け取り、Expandメッセージと現在のアプリケーション状態を受け取るupdateを呼び出します。
4. update関数は、更新された状態と実行するコマンド(または Cmd.none)を返すことによって、メッセージに反応します。
5. Html.programは更新された状態を受け取り、それを保存し、更新された状態を引数としてビューを呼び出します。

通常、 Html.programはElmアプリケーションが状態を保持する唯一の場所です。一つの大きな状態ツリーに集中しています。