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
88
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
76
Level Up Your Code Quality
jclermont
0
250
How to Save Time
jclermont
0
28
F# Type Providers
jclermont
0
53
Give Elm a Chance! (that conference)
jclermont
0
200
Give Elm a Chance (newCodeCamp)
jclermont
0
180
Give Elm a Chance!
jclermont
0
210
Property-based testing: work harder, not smarter
jclermont
0
350
Elm - A new approach to building the front end
jclermont
0
330
Other Decks in Technology
See All in Technology
【SORACOM UG】SIM Deep Dive セキュアエレメント編
soracom
PRO
0
230
検証を通して見えてきたTiDBの性能特性
lycorptech_jp
PRO
4
1.9k
Databricks:『生成AI World Cup』のご案内
databricksjapan
1
120
AWS パートナー企業でテクニカルサポートに従事して2年経ったので思うところをまとめてみた
kazzpapa3
3
1.3k
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
23
4.7k
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
280
スタートアップの技術顧問を3年間続けて発生した事と気付き
biwakonbu
0
150
4年前、あるじゃん老害エンジニアLT合戦に登壇、米国西海岸コンピュータ歴史博物館体験記の続編
toshi_atsumi
0
180
[PlatformCon 24] Platform Orchestrators: The Missing Middle of Internal Developer Platforms?
danielbryantuk
0
160
〜小さく始めて大きく育てる〜データ分析基盤の開発から活用まで
kniino
0
1.9k
「ふりかえりのふりかえり」をふりかえり、実のあるふりかえりにする
naitosatoshi
0
210
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
240
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
For a Future-Friendly Web
brad_frost
171
8.9k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
Building Your Own Lightsaber
phodgson
97
5.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
645
57k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
Happy Clients
brianwarren
91
6.4k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
How GitHub (no longer) Works
holman
304
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
16k
Infographics Made Easy
chrislema
237
18k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
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