Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Components for managing input and state
Search
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
速く作れる。その次は、速く確かめられる開発へ 〜AIネイティブ開発を支える、Shift Down〜 / Can build fast. Next, moving to development where we can verify fast.
rkaga
8
5.2k
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
tsutsui
0
160
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
minodriven
30
13k
re:Inventに行く前に知っておきたい現地参加のノウハウ
nokomoro3
0
280
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
trickart
0
220
パズルゲームの作り方 / how to make puzzle games
kaityo256
PRO
2
250
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
y0hgi
0
170
IBM Bob Dojo #1 仕様駆動開発入門
oniak3ibm
PRO
0
320
ゲームコントローラやキーボードのファームウェアをSwiftで書く
kishikawakatsumi
1
270
Intent as Code
shoppingjaws
6
1.1k
テストを司るデーモンに会いに行く 〜隔離した仮想マシンでテストを通すまで〜
h1d3mun3
1
600
Embedded Swiftで作る自作USBデバイス によるiOSデバイスの自動テスト / iOSDC Japan 2026 glassfiber
glassfiber
0
180
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
57
14k
4 Signs Your Business is Dying
shpigford
187
23k
Technical Leadership for Architectural Decision Making
baasie
3
580
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
910
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
Documentation Writing (for coders)
carmenintech
77
5.5k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
470
A Tale of Four Properties
chriscoyier
163
24k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.2k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
420
Tell your own story through comics
letsgokoyo
1
1.1k
Marketing to machines
jonoalderson
1
5.8k
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!