Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Components for managing input and state
Ossi Hanhinen
June 06, 2016
Programming
1
1.5k
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
410
Confidence in the frontend with Elm
ohanhi
2
1.5k
What's so special about Elm?
ohanhi
1
300
HTML5 Drag and Drop API is a hot steaming 💩
ohanhi
0
96
On Simplicity
ohanhi
0
910
Other Decks in Programming
See All in Programming
Jetpack Compose, 어디까지 알고 있을까?
jisungbin
0
100
RFC 9111: HTTP Caching
jxck
0
150
Treasure.map(): Functional programming in JVM-based languages
paranoidmonoid
0
130
Node.jsデザインパターンを読んで
mmmommm
0
2.3k
Amazon ECSのネットワーク関連コストの話
msato
0
620
個人開発でReact Native + Expo製アプリを作った話
ryonakae
1
450
Springin‘でみんなもクリエイターに!
ueponx
0
130
From Java through Scala to Clojure
lagenorhynque
0
170
trocco® の品質を守る、とても普通な取り組み
kekekenta
0
350
Node-RED 3.0 新機能紹介
utaani
0
130
ISUCON12 事前講習
rosylilly
3
4.2k
GoogleI/O2022 LT報告会資料
shinsukefujita1126
0
290
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
404
21k
Building a Scalable Design System with Sketch
lauravandoore
448
30k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
12
920
The Pragmatic Product Professional
lauravandoore
19
2.9k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.7k
Bash Introduction
62gerente
597
210k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
151
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
104
16k
Gamification - CAS2011
davidbonilla
75
3.9k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
172
8.4k
Scaling GitHub
holman
451
140k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
120k
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!