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
220
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
0
220
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
1
140
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
3
140
0e752ec9121eb5ebc9924f5b2e4b788e?s=48 dkarter
1
160

Other Decks in Programming

See All in Programming
069a861584701a8b5f72a838bd7e0f2e?s=48 jschaedl
2
140
091c8449decb2f3549c695b5f903865a?s=48 sh_akira
3
190
De266761b955b2636e454a1bc7a99ed4?s=48 masayaaoyama
2
340
44df43ecb9d8ae00cafee6b804db3fcd?s=48 kentatada
0
170
15ea8d31e84f0b229ebd4aea87f02d30?s=48 canisterism
0
120
74b66d72163c42c8d157f325e3ebb45e?s=48 gamine
0
180
F6ceb15fb20b52f49e375cec868a0107?s=48 tokitakumi
1
470
C951afc0782b7d3d4800e25b4a4938a9?s=48 shinnoki
0
1.4k
80f7ecadd79bc55cfc05eef02a3bc867?s=48 makky0620
0
330
588a291ce25b07e836ae5df8911eaf18?s=48 tdak
0
230
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
5
1.5k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
6
730

Featured

See All Featured
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
402
20k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
208
10k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
302
32k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
201
9.8k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
54
4.4k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
629
48k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
103
5.1k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
89
4k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
146
12k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
311
17k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
340
16k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
23
2.3k

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!