Components for managing input and state

Components for managing input and state

This talk was given in the first-ever Elm Remote Meetup.

0c7b518ea15451ceb51d6343c276c3a1?s=128

Ossi Hanhinen

June 06, 2016
Tweet

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!