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
November 06, 2015
Programming
0
360
Elm - A new approach to building the front end
As delivered at True North PHP 2015
Joel Clermont
November 06, 2015
Tweet
Share
More Decks by Joel Clermont
See All by Joel Clermont
How to get unstuck
jclermont
0
84
Level Up Your Code Quality
jclermont
0
280
How to Save Time
jclermont
0
30
F# Type Providers
jclermont
0
59
Give Elm a Chance! (that conference)
jclermont
0
230
Give Elm a Chance (newCodeCamp)
jclermont
0
210
Give Elm a Chance!
jclermont
0
230
Property-based testing: work harder, not smarter
jclermont
0
380
Elm: A new approach to building the front end
jclermont
0
92
Other Decks in Programming
See All in Programming
Trial
cairolibrary720
1
130
Introduction to GitOps
hwchiu
0
110
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
Google's Recipe for Scaling (Web) Security – LocoMocoSec 2024
lweichselbaum
0
170
Exploring the Gradually Lost Technical Skills in the Cloud Native Era
hwchiu
2
3.9k
社内 LT 会を発足し、アウトプット文化を醸成させるために考えたこと・やったこと / Starting internal LT meetings and fostering an output culture
mackey0225
3
120
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
日付と正規化
megmogmog1965
0
140
Folding Cheat Sheet #7
philipschwarz
PRO
0
150
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
Harnessing Large Language Models for Training-free Video Anomaly Detection
tereka114
1
1.3k
AHC035解説
terryu16
0
710
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
Six Lessons from altMBA
skipperchong
24
3.2k
Embracing the Ebb and Flow
colly
81
4.3k
The Invisible Customer
myddelton
117
13k
Leading Effective Engineering Teams 2024
addyosmani
3
300
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
In The Pink: A Labor of Love
frogandcode
139
22k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
YesSQL, Process and Tooling at Scale
rocio
166
14k
For a Future-Friendly Web
brad_frost
173
9.2k
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 (plus types as data)
Statically Typed (another example)
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
• https://pragmaticstudio.com/blog/2014/12/19/ getting-started-with-elm • @elmlang @czaplic @rtfeldman • http://noredinktech.tumblr.com
Questions? @jclermont
https://joind.in/15744 Thank you! @jclermont