ELM 101

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