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
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
510
Going All In with NeoVim
dkarter
0
290
Versioning APIs in Phoenix
dkarter
1
190
Integration Testing with Page Objects
dkarter
3
200
Build Your First Vim Plugin
dkarter
1
280
Other Decks in Programming
See All in Programming
Oxlintはいいぞ(続)
yug1224
1
550
Discordを用いたラボオートメーション関連情報収集の自動化
noguhiro2002
0
500
DynamoDBの基礎を振り返りながらベクトル検索機能を理解する
musan
3
270
片田舎のおっさん、 Swift Buildのダイアモンド問題解決の不具合修正PRを出すが、解決方法がキャッシュをしないようにすることであり、ビルド時間が伸びると言われてマージされないので高速化もする/swiftbuild
yimajo
0
360
PHPプロジェクトの結合バランスを可視化する #php_night
kajitack
0
230
ソフトウェアラスタライザ
fadis
1
790
「AI時代、配布するPythonコードをどう守るか: 難読化の実験と判断軸」 #PyconJP2026
pkshadeck
PRO
2
170
ハーネス設計入門 〜プロンプト、コンテキストの次〜
kinopeee
55
36k
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
theoriatec2024
1
460
AI時代に学ぶ 好きなルール 嫌いなルール Linter編
shorty5121
0
870
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
danybony
1
190
【デモ】Kiroで体験する仕様駆動開発|設計からコーディングまでAIと進める開発フロー
cmkudo
0
600
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
55
10k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.9k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
970
New Earth Scene 8
popppiees
3
2.5k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.7k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.5k
Evolving SEO for Evolving Search Engines
ryanjones
0
280
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
430
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
270
A Modern Web Designer's Workflow
chriscoyier
698
190k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
710
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!