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
430
Confidence in the frontend with Elm
ohanhi
2
1.8k
What's so special about Elm?
ohanhi
1
370
HTML5 Drag and Drop API is a hot steaming 💩
ohanhi
0
130
On Simplicity
ohanhi
0
1k
Other Decks in Programming
See All in Programming
Android 15以上でPDFのテキスト検索を爆速開発!
tonionagauzzi
0
180
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
160
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
5
560
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
920
DatadogのArchived LogsをSnowflakeで高速に検索する方法(Archive Searchでオワコンにならないことを祈って) / How to search Datadog Archived Logs quickly with Snowflake (hoping Datadog Archive Search doesn’t make this obsolete)
civitaspo
0
110
Vibe coding コードレビュー
kinopeee
0
400
대규모 트래픽을 처리하는 프론트 개발자의 전략
maryang
0
110
MySQL9でベクトルカラム登場!PHP×AWSでのAI/類似検索はこう変わる
suguruooki
1
280
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
710
#QiitaBash TDDで(自分の)開発がどう変わったか
ryosukedtomita
1
350
iOS開発スターターキットの作り方
akidon0000
0
230
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
15
9.3k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The World Runs on Bad Software
bkeepers
PRO
70
11k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
What's in a price? How to price your products and services
michaelherold
246
12k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
790
Faster Mobile Websites
deanohume
308
31k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Producing Creativity
orderedlist
PRO
346
40k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
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!