ATL JS: Intro to Elm

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