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
310
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
73
Level Up Your Code Quality
jclermont
0
250
How to Save Time
jclermont
0
25
F# Type Providers
jclermont
0
51
Give Elm a Chance! (that conference)
jclermont
0
190
Give Elm a Chance (newCodeCamp)
jclermont
0
180
Give Elm a Chance!
jclermont
0
200
Property-based testing: work harder, not smarter
jclermont
0
350
Elm: A new approach to building the front end
jclermont
0
85
Other Decks in Programming
See All in Programming
Apple Vision Pro購入RTA 1泊3日弾丸ハワイツアー / RTA: Purchase Apple Vision Pro in Hawaii
yutailang0119
0
480
Deep Dive into the Symfony Security Component
hhamon
1
180
架空のコンペ_スクワットフォーム判別コンペの解法
cpptake
0
430
Learning Ruby
okuramasafumi
5
370
Deno に Web 標準 API を実装する / Implementing Web Standard API to Deno
petamoriken
0
310
期限が近づいてきた!Privacy Manifests対応
ryunakayama
5
3.1k
品質が高いコードって何?Rev2.1
ickx
1
390
mandaRa: R言語ユーザのための新しい知識共有の場 / mandara_tokyor111
s_uryu
2
410
25 Years of the JCP Program
ivargrimstad
0
1k
Microsoft Fabricを7ヶ月使ってわかったこと
shun_oshidari
2
450
GitHub Copilot Tips and Tricks
yuichielectric
2
260
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
460
Featured
See All Featured
BBQ
matthewcrist
78
8.7k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Code Review Best Practice
trishagee
54
15k
Documentation Writing (for coders)
carmenintech
59
3.7k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
Faster Mobile Websites
deanohume
296
30k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
How GitHub (no longer) Works
holman
301
140k
Design by the Numbers
sachag
274
18k
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