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
85
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
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
310
Other Decks in Technology
See All in Technology
SwiftUIのpropertyWrapperをふんわり理解する
jambo_develop_team
0
110
Azure AI サービス全体像と Prompt flow 紹介 - Forkwell Library
shohei1029
1
590
10年モノのレガシーPHPアプリケーションを移植しきるまでの泥臭くも長い軌跡 / legacy-php-app-migration
toshimaru
0
690
Server-Side Kotlin + Spring Boot + Exposedでやったこと
ikefukurou777
0
110
プロデザ! BY リクルートvol.17_『じゃらんnet』公式アプリの高速リニューアル事例を大公開
recruitengineers
PRO
5
110
Uniting Rust Servers and Clients through OpenAPI
ahl
0
430
どうやってWebサービスのページ表示速度を1/3にしたか / how-to-reduce-display-speed
pinkumohikan
2
470
マイクロサービスを横断したGoのコードレビュー
yuyu_hf
PRO
1
120
パフォーマンスを改善するには仕様変更が1番はやい
yamamotohiroya
12
4.6k
The Twelve-Factor App とクラウドアプリケーションのコスト
ny7760
3
260
UIからの自動テスト事例
tomasagi
8
3.3k
B+木入門:PHPで理解する データベースインデックスの仕組み/b-plus-tree-101
hanhan1978
5
2.7k
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
Debugging Ruby Performance
tmm1
68
11k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Become a Pro
speakerdeck
PRO
8
4.2k
Writing Fast Ruby
sferik
619
59k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Embracing the Ebb and Flow
colly
78
4.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
28
5.9k
RailsConf 2023
tenderlove
0
500
The World Runs on Bad Software
bkeepers
PRO
60
6.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