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.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
初めての模倣学習とVLA
natsutan
0
440
LL言語やWebフレームワークのPostgreSQL対応 〜DBの機能がユーザーに届くまで〜
kentaroutakeda
0
130
Flow は今どうなっているか
mizdra
PRO
0
870
DroidKaigi 2026 「個人開発という実験場: Android エンジニアが手にする4つの自由」
slashnephy
0
200
Gmail/Google DriveをトリガーにAIエージェントを動かそう! / Run AI agents with Gmail/Google Drive as triggers!
har1101
3
460
in-process GraphQL のすすめ #ginzajs
izumin5210
4
1.5k
typoなんかねぇよ
raspython3
0
660
高専キャリア LT 発表内容
crysta1221
6
5.5k
Go 1.27からのGODEBUG / Go 1.27 リリースパーティ #go127party
mazrean
0
290
{ Android | Kotlin } Gradle Plugin in 2026
ryunen344
1
270
Cloudflare is Agents
chimame
0
190
Building an Out-of-Order CPU
latte72
0
600
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
410
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
370
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
640
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.1k
Optimising Largest Contentful Paint
csswizardry
37
3.9k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
520
Claude Code のすすめ
schroneko
67
230k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
The Pragmatic Product Professional
lauravandoore
37
7.4k
Visualization
eitanlees
152
17k
Optimizing for Happiness
mojombo
378
71k
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!