Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Elm
Search
Dorian Karter
December 04, 2015
Programming
2
180
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
Building Multiplayer Games with Phoenix LiveView
dkarter
2
480
Going All In with NeoVim
dkarter
0
260
Versioning APIs in Phoenix
dkarter
1
180
Integration Testing with Page Objects
dkarter
3
170
Build Your First Vim Plugin
dkarter
1
260
Other Decks in Programming
See All in Programming
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
360
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
2
3.4k
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
wisemuji
0
180
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
220
まだ間に合う!Claude Code元年をふりかえる
nogu66
5
940
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
310
Deno Tunnel を使ってみた話
kamekyame
0
330
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
120
CSC307 Lecture 01
javiergs
PRO
0
670
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
5.5k
The Art of Re-Architecture - Droidcon India 2025
siddroid
0
170
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
10
1.6k
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
The Spectacular Lies of Maps
axbom
PRO
1
440
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
180
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
240
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
150
Designing for Performance
lara
610
70k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
Why Our Code Smells
bkeepers
PRO
340
58k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.2k
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!