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
Ossi Hanhinen
June 06, 2016
Programming
1
1.6k
Components for managing input and state
This talk was given in the first-ever Elm Remote Meetup.
Ossi Hanhinen
June 06, 2016
Tweet
Share
More Decks by Ossi Hanhinen
See All by Ossi Hanhinen
Beyond Hello World and Todo Lists
ohanhi
1
440
Confidence in the frontend with Elm
ohanhi
2
1.8k
What's so special about Elm?
ohanhi
1
380
HTML5 Drag and Drop API is a hot steaming 💩
ohanhi
0
140
On Simplicity
ohanhi
0
1k
Other Decks in Programming
See All in Programming
Devoxx BE - Local Development in the AI Era
kdubois
0
140
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
970
Go言語の特性を活かした公式MCP SDKの設計
hond0413
2
510
contribution to astral-sh/uv
shunsock
0
530
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.5k
チームの境界をブチ抜いていけ
tokai235
0
220
Leading Effective Engineering Teams in the AI Era
addyosmani
7
610
Ktorで簡単AIアプリケーション
tsukakei
0
100
Cursorハンズオン実践!
eltociear
2
1.2k
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
390
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
800
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Context Engineering - Making Every Token Count
addyosmani
8
300
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Site-Speed That Sticks
csswizardry
13
920
How to Ace a Technical Interview
jacobian
280
24k
Faster Mobile Websites
deanohume
310
31k
The Cult of Friendly URLs
andyhume
79
6.6k
The World Runs on Bad Software
bkeepers
PRO
72
11k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
The Invisible Side of Design
smashingmag
302
51k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
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!