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.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
420
Confidence in the frontend with Elm
ohanhi
2
1.7k
What's so special about Elm?
ohanhi
1
330
HTML5 Drag and Drop API is a hot steaming 💩
ohanhi
0
110
On Simplicity
ohanhi
0
950
Other Decks in Programming
See All in Programming
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
0
180
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
230
ONE WEDGE_company_guide
1wedge_one
0
440
Goのエラースタックトレースの歴史と今後
sonatard
6
740
チーム力を高めるスクラム実践法:カンバン公開と課題攻略について - ニフティのスクラムトーク Vol. 2 - NIFTY Tech Talk #18
niftycorp
PRO
1
110
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
4k
PHPはいつから死んでいるかの調査
chiroruxx
1
370
Elm 0.19.0 Changes
bkuhlmann
0
490
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
260
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
480
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
880
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Atom: Resistance is Futile
akmur
258
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
13
1.5k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Making the Leap to Tech Lead
cromwellryan
123
8.5k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Designing for Performance
lara
601
67k
Designing for humans not robots
tammielis
248
25k
StorybookのUI Testing Handbookを読んだ
zakiyama
12
4.6k
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!