Cette page couvre Elm 0.18

Flux d'une application

Le diagramme suivant illustre comment les pièces de notre application interagissent avec Html.program.

1. Html.program appelle notre fonction view avec le modèle initial et l'affiche.
2. Lorsque l'utilisateur clique sur le bouton Expand, la vue déclenche le message Expand.
3. Html.program reçoit le message Expand qui appelle notre fonction update avec comme paramètres Expand et l'état actuel de notre application.
4. La fonction update répond au message en retournant l'état mis à jour et une commande à exécuter (ou aucune avec Cmd.none).
5. Html.program reçoit l'état mis à jour, le stocke, et appelle la vue avec l'état mis à jour.

Habituellement, l'état d'une application Elm se trouve uniquement au sein d'Html.program, il est centralisé dans un grand arbre d'état.