Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Components for managing input and state

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Ossi Hanhinen 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.

Avatar for Ossi Hanhinen

Ossi Hanhinen

June 06, 2016
Tweet

More Decks by Ossi Hanhinen

See All by Ossi Hanhinen
Beyond Hello World and Todo Lists
Avatar for Ossi Hanhinen ohanhi
1
440
Confidence in the frontend with Elm
Avatar for Ossi Hanhinen ohanhi
2
1.8k
What's so special about Elm?
Avatar for Ossi Hanhinen ohanhi
1
390
HTML5 Drag and Drop API is a hot steaming 💩
Avatar for Ossi Hanhinen ohanhi
0
150
On Simplicity
Avatar for Ossi Hanhinen ohanhi
0
1k

Other Decks in Programming

See All in Programming
ふつうの Rubyist、ちいさなデバイス、大きな一年
Avatar for bash0C7 bash0c7
0
590
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
550
CSC307 Lecture 12
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
460
AI時代のソフトウェア開発でも「人が仕様を書く」から始めよう-医療IT現場での実践とこれから
Avatar for kouki.miura koukimiura
0
130
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
650
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
Avatar for mazrean mazrean
1
350
atmaCup #23でAIコーディングを活用した話
Avatar for ML_Bear ml_bear
4
740
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
170
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
450
Takumiから考えるSecurity_Maturity_Model.pdf
Avatar for gessy0129 gessy0129
1
120
LangChain4jとは一味違うLangChain4j-CDI
Avatar for Kenji Kazumura kazumura
1
150
SourceGeneratorのマーカー属性問題について
Avatar for tkym htkym
0
150

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
300
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
310
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
65

Transcript

  1. Components for managing input and state Ossi Hanhinen @ohanhi

  2. The Elm Architecture Msg Update User View Model View

  3. main = Html.App.program { init = init , view =

    view , update = update , subscriptions = subscriptions }

  4. App Component Init Model, Cmd Msg

  5. App Component Init Model, Cmd Msg Msg, Model Update Model,

    Cmd Msg

  6. Init Model, Cmd Msg Msg, Model Update Model, Cmd Msg

    App Components Nest Init Model, Cmd Msg Msg, Model Update Model, Cmd Msg

  7. App Components’ Public API Msg, Model Update Model, Cmd Msg

    Init Model, Cmd Msg

  8. App Components’ Public API Msg, Model Update Model, Cmd Msg

    Msg Model Model Cmd Msg Init Model, Cmd Msg

  9. Extending the Pattern Msg Model Update Init Some extra Model,

    Cmd Msg Msg, Model Some extra, Model, Cmd Msg

  10. Don’t limit yourself to just init, update and view!