Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Introduction to Elm
Dorian Karter
December 04, 2015
Programming
2
150
Introduction to Elm
Talk I gave at Hashrocket Mini Conf about the wonderful Elm language.
Dorian Karter
December 04, 2015
Tweet
Share
More Decks by Dorian Karter
See All by Dorian Karter
dkarter
2
190
dkarter
0
210
dkarter
1
140
dkarter
3
130
dkarter
1
150
Other Decks in Programming
See All in Programming
grapecity_dev
0
190
rince
3
250
keeeeen
0
110
ntaro
0
170
boriswilhelms
0
160
grapecity_dev
0
180
yoshinoriiiii
0
110
tetsukick
0
180
deepflow
9
3.5k
naokioouchi
1
300
legalforce
PRO
0
650
mrtc0
2
1k
Featured
See All Featured
caitiem20
308
17k
ammeep
656
54k
chrislema
173
14k
addyosmani
1346
190k
dotmariusz
94
5.5k
reverentgeek
167
7.3k
lauravandoore
10
1.6k
paulrobertlloyd
71
3.6k
gr2m
83
11k
sachag
267
17k
robhawkes
52
2.8k
brad_frost
157
6.4k
Transcript
Make the web functional again. Elm
What is Elm?
Functional Reactive Programming Language
Statically Typed
Compiles to JavaScript Generates HTML and CSS
Evan Czaplicki Present: Developed in 2012 by
Why Elm?
No more runtime exceptions!
Pure X ⇒ Y
Immutable
Blazing Fast Rendering
State History (and free time travelling debugger)
Type inference (but you’ll end up defining your types)
Interactive Programming Due to Hot Swapping
Composable Components Like React, but components can run independently
Amazing Tools!
REPL Package Manager Compiler Reactor Debugger
None
None
Free and Automatic Semantic Versioning
Smooth JavaScript interop JS
Easy(er) syntax and lower learning curve * When compared to
other functional languages ** terms and conditions may apply
Elm Syntax Crash Course
Literals
Manipulating Literals
Lists
Functions Anonymous functions
Records
Type Annotations
Type Aliases
Elm Architecture Basic Concepts
MUV = { Model Update View }
None
Signals
None
None
Mailboxes
DEMO
Thank You!