Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Elm: A new approach to building the front end
Joel Clermont
September 22, 2015
Technology
0
61
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
Level Up Your Code Quality
jclermont
0
100
How to Save Time
jclermont
0
19
F# Type Providers
jclermont
0
35
Give Elm a Chance! (that conference)
jclermont
0
80
Give Elm a Chance (newCodeCamp)
jclermont
0
86
Give Elm a Chance!
jclermont
0
130
Property-based testing: work harder, not smarter
jclermont
0
230
Elm - A new approach to building the front end
jclermont
0
190
Hack - Why Should I Care?
jclermont
0
48
Other Decks in Technology
See All in Technology
2022 COSCUP - GKE Backend Cluster 除雷分享
brentchang
0
120
LINSTOR — это как Kubernetes, но для блочных устройств
flant
0
4k
CloudWatchアラームによるサービス継続のための監視入門 / Introduction to Monitoring for Service Continuity with CloudWatch Alarms
inomasosan
1
450
賢く「振り分ける」ための Topology Aware Hints #k8sjp / Kubernetes Meetup Tokyo 52nd
ytaka23
1
170
開発環境のセキュリティおよびCI/CDパイプラインのセキュア化
rung
PRO
12
5.2k
20220803投資先CXO候補者向け 会社紹介資料_合同会社BLUEPRINT
hik
0
590
8日で作るオレオレRISC-V CPU
matsud224
1
150
Step-by-Step MLOps and Microsoft Products
shisyu_gaku
2
610
ログ集約基盤をCloudWatchからOpenSearchに変えてみた
yuhta28
0
140
AWSを使う上で意識しておきたい、クラウドセキュリティ超入門(駆け足版)
kkmory
0
220
Istioを活用したセキュアなマイクロサービスの実現/Secure Microservices with Istio
ido_kara_deru
3
450
Sysdig Secure/Falcoの活用術! ~Kubernetes基盤の脅威モデリングとランタイムセキュリティの強化~
owlinux1000
0
310
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1020
420k
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Ruby is Unlike a Banana
tanoku
91
9.3k
Building a Scalable Design System with Sketch
lauravandoore
448
30k
Why Our Code Smells
bkeepers
PRO
324
55k
How GitHub (no longer) Works
holman
297
140k
The Invisible Customer
myddelton
110
11k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
130k
jQuery: Nuts, Bolts and Bling
dougneiner
56
6.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Mobile First: as difficult as doing things right
swwweet
213
7.6k
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