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

Components for managing input and state

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Ossi Hanhinen Ossi Hanhinen
June 06, 2016
Programming
1.6k
1

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

More Decks by Ossi Hanhinen

See All by Ossi Hanhinen
Beyond Hello World and Todo Lists
Avatar for Ossi Hanhinen ohanhi
1
460
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
410
HTML5 Drag and Drop API is a hot steaming 💩
Avatar for Ossi Hanhinen ohanhi
0
170
On Simplicity
Avatar for Ossi Hanhinen ohanhi
0
1.1k

Other Decks in Programming

See All in Programming
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
1.1k
人間の目はかわらない、だからJPEGは30年もつ
Avatar for yuzneri yuzneri
12
19k
全PRの83%がAIレビューだけでマージできるようになった開発組織はその後どうなったか
Avatar for a-thug athug
1
1.8k
ここ半年くらいでAIに作らせたR用ツール
Avatar for eitsupi eitsupi
0
390
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
Avatar for petamoriken / 森建 petamoriken
0
210
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
260
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
Avatar for endo shiki shiki_kakaku
0
1.8k
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
560
PostgreSQL 18で考えるUUID主キー
Avatar for Kazuhiro Seo kazuhiro1982
0
470
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
380
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
Avatar for hond hond0413
0
230
為什麼你並不需要ViewModel / No, you don't need a ViewModel
Avatar for Elvis Shi lovee
1
500

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.4k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
12k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
490
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
800
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.4k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
2
3.8k

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!