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
Components for managing input and state
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Ossi Hanhinen
June 06, 2016
Programming
1.6k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Components for managing input and state
This talk was given in the first-ever Elm Remote Meetup.
Ossi Hanhinen
June 06, 2016
More Decks by Ossi Hanhinen
See All by Ossi Hanhinen
Beyond Hello World and Todo Lists
ohanhi
1
460
Confidence in the frontend with Elm
ohanhi
2
1.8k
What's so special about Elm?
ohanhi
1
420
HTML5 Drag and Drop API is a hot steaming 💩
ohanhi
0
180
On Simplicity
ohanhi
0
1.1k
Other Decks in Programming
See All in Programming
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
halunoyo
0
180
夏だ!祭りだ!祭りとはドメインモデリングでは?
ryugen04
0
510
ALB ログから Trace を気合で繋げる技術
fohte
7
840
初心者DevRelとして参加者だった私が、DevRel Talks!#2に登壇するまでにしてきたこと
sokohirai
0
310
DynamoDBの基礎を振り返りながらベクトル検索機能を理解する
musan
3
260
XHTMLが残したもの
yosuke_furukawa
PRO
1
350
[PyCon KR 2026] More Variants, More Diversity for AI Accelerators
achimnol
0
130
MySQLとPostgreSQLって何が違うの?
akagami
0
160
まずはプロンプトガイドを読もう、話はそれからだ
kiakiraki
1
250
FastAPI の並行処理モデルを完全に理解する
hoto17296
9
3.4k
AIに既存システムを理解させる技術 ~レガシーを見捨てないハーネスエンジニアリング入門~
ochtum
0
190
レビュー履歴をAIに食わせて、 Compose移行を加速するs
shihochan
0
260
Featured
See All Featured
Design in an AI World
tapps
1
300
Measuring & Analyzing Core Web Vitals
bluesmoon
9
990
Code Review Best Practice
trishagee
74
20k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
Claude Code のすすめ
schroneko
67
230k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
390
Making the Leap to Tech Lead
cromwellryan
135
10k
Building Applications with DynamoDB
mza
96
7.2k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.6k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
260
Raft: Consensus for Rubyists
vanstee
141
7.7k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
Transcript
Components for managing input and state Ossi Hanhinen @ohanhi
The Elm Architecture Msg Update User View Model View
main = Html.App.program { init = init , view =
view , update = update , subscriptions = subscriptions }
App Component Init Model, Cmd Msg
App Component Init Model, Cmd Msg Msg, Model Update Model,
Cmd Msg
Init Model, Cmd Msg Msg, Model Update Model, Cmd Msg
App Components Nest Init Model, Cmd Msg Msg, Model Update Model, Cmd Msg
App Components’ Public API Msg, Model Update Model, Cmd Msg
Init Model, Cmd Msg
App Components’ Public API Msg, Model Update Model, Cmd Msg
Msg Model Model Cmd Msg Init Model, Cmd Msg
Extending the Pattern Msg Model Update Init Some extra Model,
Cmd Msg Msg, Model Some extra, Model, Cmd Msg
Don’t limit yourself to just init, update and view!