Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to Elm

0e752ec9121eb5ebc9924f5b2e4b788e?s=47 Dorian Karter
December 04, 2015
Programming
2
150

Introduction to Elm

Talk I gave at Hashrocket Mini Conf about the wonderful Elm language.

0e752ec9121eb5ebc9924f5b2e4b788e?s=128

Dorian Karter

December 04, 2015
Tweet

More Decks by Dorian Karter

See All by Dorian Karter
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
2
190
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
0
210
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
1
140
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
3
130
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
1
150

Other Decks in Programming

See All in Programming
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
190
A7c0e931e8189d7a709eaebb44ed69d4?s=48 rince
3
250
3187acdb47cb44678ad716c3228bf91b?s=48 keeeeen
0
110
14c9795d267f5b85abb98ca5e8780646?s=48 ntaro
0
170
52c76fb01bb5d1908f91b0231a44a7b5?s=48 boriswilhelms
0
160
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
180
57623c5cef7c777c4bf3103cf06c2d6c?s=48 yoshinoriiiii
0
110
Fd15b843f17ce72dcec6a1c658082f8c?s=48 tetsukick
0
180
6734b737614a599f9b899f190e413d2d?s=48 deepflow
9
3.5k
Cd34440e6c181704f318319e131af68d?s=48 naokioouchi
1
300
Ad2155c75c67c0100dd008ad10858de5?s=48 legalforce
PRO
0
650
B49933741d74e122bc1314b2975e9fc9?s=48 mrtc0
2
1k

Featured

See All Featured
9128d500301ae51524e887bb680f471d?s=48 caitiem20
308
17k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
656
54k
282d599b414022eba5096510f675b6e2?s=48 chrislema
173
14k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1346
190k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.5k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
167
7.3k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
10
1.6k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.6k
24fc194843a71f10949be18d5a692682?s=48 gr2m
83
11k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
17k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.8k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
157
6.4k

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!