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 101
Search
David Anguita
September 08, 2017
Technology
0
66
ELM 101
Sample code at
https://github.com/danguita/elm-workshop
David Anguita
September 08, 2017
Tweet
Share
More Decks by David Anguita
See All by David Anguita
React on Rails
danguita
0
120
Docker 101 Rubyist Edition
danguita
0
120
Desarrolla Ruby como un Ninja
danguita
0
190
Other Decks in Technology
See All in Technology
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
20240725 LLMによるDXのビジョンと、今何からやるべきか @Azure OpenAI Service Dev Day
nrryuya
3
1.2k
サーバーレスAPI(API Gateway+Lambda)とNext.jsで 個人ブログを作ろう!
shuntaka
PRO
0
560
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
840
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
400
さらに高品質・高速化を目指すAI時代のテスト設計支援と、めざす先 / AI Test Lab vol.1
shift_evolve
0
190
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
20
10k
地理情報とAPIのトレンド
nagix
0
160
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
420
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
134
6.5k
Embracing the Ebb and Flow
colly
81
4.3k
4 Signs Your Business is Dying
shpigford
178
21k
Rails Girls Zürich Keynote
gr2m
93
13k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Fireside Chat
paigeccino
25
2.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Designing the Hi-DPI Web
ddemaree
276
34k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Transcript
ELM 101 David Anguita @ Jobandtalent
None
The core language
• Purely functional (looks like Haskell) • Expressive syntax •
Statically typed • Immutable data structures • Very nice debugger • Compiles to JavaScript
No more runtime exceptions
How does it look like?
DEMO
The Elm Architecture
Model — the state of your application Update — a
way to update the state View — a way to view your state as HTML
Command — triggers an event identified by a Message type
Subscription — listens for external input
Image credit: https://sporto.github.io/elm-workshop/
VS React + Redux
Elm React + Redux Model State Update Reducer Message Action
(kind of)
DEMO
Where to get started
• http://elm-lang.org/docs/ • http://package.elm-lang.org/packages/elm-lang/core/latest/ • NoRedInk/elm-style-guide + avh4/elm-format • https://guide.elm-lang.org
• isRuslan/awesome-elm
Thank you
Questions?
Jobandtalent, September 2017