Introduction to Elm

Transcript

1. Make the web functional again. Elm

2. What is Elm?

3. Functional Reactive Programming Language

4. Statically Typed

5. Compiles to JavaScript Generates HTML and CSS

6. Evan Czaplicki Present: Developed in 2012 by

7. Why Elm?

8. No more runtime exceptions!

9. Pure X ⇒ Y

10. Immutable

11. Blazing Fast Rendering

12. State History (and free time travelling debugger)

13. Type inference (but you’ll end up defining your types)

14. Interactive Programming Due to Hot Swapping

15. Composable Components Like React, but components can run independently

16. Amazing Tools!

17. REPL Package Manager Compiler Reactor Debugger

18. None
19. None

20. Free and Automatic Semantic Versioning

21. Smooth JavaScript interop JS

22. Easy(er) syntax and lower learning curve * When compared to

    other functional languages ** terms and conditions may apply

23. Elm Syntax Crash Course

24. Literals

25. Manipulating Literals

26. Lists

27. Functions Anonymous functions

28. Records

29. Type Annotations

30. Type Aliases

31. Elm Architecture Basic Concepts

32. MUV = { Model Update View }

33. None

34. Signals

35. None
36. None

37. Mailboxes

38. DEMO

39. Thank You!