ELM 101

Cd2e3ba306d19910a2900955667317ee?s=47 David Anguita
September 08, 2017

ELM 101

Cd2e3ba306d19910a2900955667317ee?s=128

David Anguita

September 08, 2017
Tweet

Transcript

  1. ELM 101 David Anguita @ Jobandtalent

  2. None
  3. The core language

  4. • Purely functional (looks like Haskell) • Expressive syntax •

    Statically typed • Immutable data structures • Very nice debugger • Compiles to JavaScript
  5. No more runtime exceptions

  6. How does it look like?

  7. DEMO

  8. The Elm Architecture

  9. Model — the state of your application Update — a

    way to update the state View — a way to view your state as HTML
  10. Command — triggers an event identified by a Message type

    Subscription — listens for external input
  11. Image credit: https://sporto.github.io/elm-workshop/

  12. VS React + Redux

  13. Elm React + Redux Model State Update Reducer Message Action

    (kind of)
  14. DEMO

  15. Where to get started

  16. • http://elm-lang.org/docs/ • http://package.elm-lang.org/packages/elm-lang/core/latest/ • NoRedInk/elm-style-guide + avh4/elm-format • https://guide.elm-lang.org

    • isRuslan/awesome-elm
  17. Thank you

  18. Questions?

  19. Jobandtalent, September 2017