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
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
メッセージとイベントを中核に置いたシステム設計の有用性について
j5ik2o
PRO
9
960
From LALR to IELR: A Lrama's Next Step
junk0612
2
1.7k
App Router に移行して良かったところを語る
andpad
2
260
1BRC – Nerd Sniping the Java Community (Keynote JCon Slovenia)
gunnarmorling
1
120
Why Spring Matters to Jakarta EE - And Vice Versa
ivargrimstad
0
620
GoでParserを書く
karupanerura
3
580
RubyKaigi Effect 2023, and ...
tagomoris
1
160
LTのやり方
yosuke_furukawa
PRO
11
1.4k
Using "modern" Ruby to build a better, faster Homebrew
mikemcquaid
3
790
Streaming I/O
macdice
0
130
#kaigieffect LT 2024 - rexml-css_selector: A REXML extension for supporting CSS selector
makenowjust
1
210
ERB, ancient and future
m_seki
3
280
Featured
See All Featured
Designing the Hi-DPI Web
ddemaree
276
33k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Done Done
chrislema
178
15k
Why Our Code Smells
bkeepers
PRO
331
56k
Typedesign – Prime Four
hannesfritz
36
2.1k
The Power of CSS Pseudo Elements
geoffreycrofte
63
5.1k
Automating Front-end Workflow
addyosmani
1357
200k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
22
2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
13
1.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
14
4.7k
A Modern Web Designer's Workflow
chriscoyier
689
190k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
87
45k
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!