Components for managing input and state

Transcript

1. Components for managing input and state Ossi Hanhinen @ohanhi

2. The Elm Architecture Msg Update User View Model View

3. main = Html.App.program { init = init , view =

   view , update = update , subscriptions = subscriptions }

4. App Component Init Model, Cmd Msg

5. App Component Init Model, Cmd Msg Msg, Model Update Model,

   Cmd Msg

6. Init Model, Cmd Msg Msg, Model Update Model, Cmd Msg

   App Components Nest Init Model, Cmd Msg Msg, Model Update Model, Cmd Msg

7. App Components’ Public API Msg, Model Update Model, Cmd Msg

   Init Model, Cmd Msg

8. App Components’ Public API Msg, Model Update Model, Cmd Msg

   Msg Model Model Cmd Msg Init Model, Cmd Msg

9. Extending the Pattern Msg Model Update Init Some extra Model,

   Cmd Msg Msg, Model Some extra, Model, Cmd Msg

10. Don’t limit yourself to just init, update and view!