ATL JS: Intro to Elm

ATL JS: Intro to Elm

94bd558238b69c45d3d3e15797ae94f7?s=128

Jeremy Fairbank

November 28, 2017
Tweet

Transcript

  1. Intro to Elm Jeremy Fairbank @elpapapollo / jfairbank

  2. Software is broken. We are here to fix it. Say

    hi@testdouble.com
  3. Functional and statically typed programming language for frontend development elm

  4. Web and UI Focused

  5. Compiles to JavaScript

  6. No runtime exceptions in practice.

  7. The 2nd argument to function `add` is causing a mismatch.

    7| add 2 "3" ^^^ Function `add` is expecting the 2nd argument to be: Int But it is: String Compile time static type checks
  8. Functional

  9. Pure Data in Data out

  10. Pure No side effects

  11. Pure Predictable and Testable!

  12. Immutable Data • Safety and consistency • Explicit flow of

    data • No subtle mutation bugs
  13. No undefined is not a function

  14. Fast

  15. One framework. No fatigue. Update View Model Messages

  16. model Update View

  17. model Update View VDOM

  18. model Update View

  19. model Update View

  20. model Update View

  21. model Update View

  22. model Update View

  23. model Update View VDOM

  24. ✓ Easier to write code ✓ Easier to write tests

    ✓ Easier to refactor
  25. Demo

  26. Getting Started • elm-lang.org • elm-lang.org/examples • guide.elm-lang.org • www.elm-tutorial.org

    • builtwithelm.co • Slack • elmlang.herokuapp.com
  27. Programming Elm: Build Safe and Maintainable Front-End Applications Follow @elpapapollo

    for future updates
  28. Thanks! Jeremy Fairbank @elpapapollo / jfairbank Slides: bit.ly/elm-atl-js Demo: bit.ly/elm-atl-js-demo