ELM 101

Sample code at https://github.com/danguita/elm-workshop

Transcript

1. ELM 101 David Anguita @ Jobandtalent
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