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
Elm: A new approach to building the front end
Search
Joel Clermont
September 22, 2015
Technology
0
100
Elm: A new approach to building the front end
Joel Clermont
September 22, 2015
Tweet
Share
More Decks by Joel Clermont
See All by Joel Clermont
How to get unstuck
jclermont
0
150
Level Up Your Code Quality
jclermont
0
350
How to Save Time
jclermont
0
36
F# Type Providers
jclermont
0
90
Give Elm a Chance! (that conference)
jclermont
0
300
Give Elm a Chance (newCodeCamp)
jclermont
0
290
Give Elm a Chance!
jclermont
0
300
Property-based testing: work harder, not smarter
jclermont
0
450
Elm - A new approach to building the front end
jclermont
0
430
Other Decks in Technology
See All in Technology
モノレポにおけるエラー管理 ~Runbook自動生成とチームメンションの最適化
biwashi
0
500
EKS Pod Identity における推移的な session tags
z63d
1
200
Engineering Failure-Resilient Systems
infraplumber0
0
130
Mackerel in さくらのクラウド
cubicdaiya
1
410
MySQL HeatWave:サービス概要のご紹介
oracle4engineer
PRO
4
1.6k
JOAI発表資料 @ 関東kaggler会
joai_committee
1
180
datadog-distribution-of-opentelemetry-collector-intro
tetsuya28
0
220
新卒(ほぼ)専業Kagglerという選択肢
nocchi1
1
1.8k
広島銀行におけるAWS活用の取り組みについて
masakimori
0
110
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
生成AI活用のROI、どう測る? DMM.com 開発責任者から学ぶ「AI効果検証のノウハウ」 / ROI of AI
i35_267
4
150
AI時代の大規模データ活用とセキュリティ戦略
ken5scal
1
280
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
Making Projects Easy
brettharned
117
6.3k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
GitHub's CSS Performance
jonrohan
1031
460k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Rails Girls Zürich Keynote
gr2m
95
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Transcript
Elm A new approach to building the front end Joel
Clermont @jclermont
What to expect • Elm language tour
What to expect • Elm language tour • Application architecture
overview
What to expect • Elm language tour • Application architecture
overview • Tour an Elm app
What to expect • Elm language tour • Application architecture
overview • Tour an Elm app • How does this fit in with my current process?
What to expect • Elm language tour • Application architecture
overview • Tour an Elm app • How does this fit in with my current process? • Tooling
What to expect • Elm language tour • Application architecture
overview • Tour an Elm app • How does this fit in with my current process? • Tooling • Why should I give Elm a try?
Elm as a language
Pure Functions
Immutable Data
Statically Typed
Statically Typed
Functional Programming • higher-order functions • currying • recursion •
pattern matching
All hail the pipe!
Questions?
Elm architecture
Model
Update
View
Questions?
Tour a simple app
Model
Update
View
None
Questions?
How does this fit in?
From Elm to your browser • compile to JS
From Elm to your browser • compile to JS •
link JS source in your web app
From Elm to your browser • compile to JS •
link JS source in your web app • Elm.fullscreen
From Elm to your browser • compile to JS •
link JS source in your web app • Elm.fullscreen • Elm.embed
It’s just HTML/CSS/JS
Excellent JS interop
Questions?
Tooling
Compiler
Excellent tooling • Package manager
Excellent tooling • Package manager • REPL
Excellent tooling • Package manager • REPL • Interactive debugger
Excellent tooling • Package manager • REPL • Interactive debugger
• Great documentation
Questions?
Why should I consider Elm? • It’s fast
Why should I consider Elm? • It’s fast • It’s
safe
Why should I consider Elm? • It’s fast • It’s
safe • Great tooling and ecosystem
Why should I consider Elm? • It’s fast • It’s
safe • Great tooling and ecosystem • Easy to integrate gradually
Why should I consider Elm? • It’s fast • It’s
safe • Great tooling and ecosystem • Easy to integrate gradually • It’s FUN
Next steps • http://elm-lang.org (live demos, debugger, REPL) • https://pragmaticstudio.com/elm
• @elmlang • @czaplic • @rtfeldman • http://noredinktech.tumblr.com
Questions? @jclermont
Thank you! @jclermont