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
190
2
Share
Introduction to Elm
Talk I gave at Hashrocket Mini Conf about the wonderful Elm language.
Dorian Karter
December 04, 2015
More Decks by Dorian Karter
See All by Dorian Karter
Building Multiplayer Games with Phoenix LiveView
dkarter
2
490
Going All In with NeoVim
dkarter
0
270
Versioning APIs in Phoenix
dkarter
1
190
Integration Testing with Page Objects
dkarter
3
180
Build Your First Vim Plugin
dkarter
1
270
Other Decks in Programming
See All in Programming
CDK Deployのための ”反響定位”
watany
4
770
煩雑なSkills管理をSoC(関心の分離)により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
nrslib
4
940
How Swift's Type System Guides AI Agents
koher
0
270
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
nealle
2
190
今こそ押さえておきたい アマゾンウェブサービス(AWS)の データベースの基礎 おもクラ #6版
satoshi256kbyte
1
250
GitHubCopilotCLIをはじめよう.pdf
htkym
0
150
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて!
k0kubun
4
3k
Oxlintとeslint-plugin-react-hooks 明日から始められそう?
t6adev
0
270
2026_04_15_量子計算をパズルとして解く
hideakitakechi
0
110
実践CRDT
tamadeveloper
0
570
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
webzawa
0
140
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
16
5.6k
Featured
See All Featured
Tell your own story through comics
letsgokoyo
1
900
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
99
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
210
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
120
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
170
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.9k
Balancing Empowerment & Direction
lara
6
1.1k
Done Done
chrislema
186
16k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
How to Think Like a Performance Engineer
csswizardry
28
2.5k
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!