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
450
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
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
Avatar for endo shiki shiki_kakaku
0
1.7k
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
330
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
Avatar for yuriko yuriko1211
0
570
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
240
霧の中の代数的エフェクト
Avatar for funnycat funnyycat
1
460
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
240
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
Avatar for にわ shibuchaaaan
0
210
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
580
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
480
React本体のコードリーディング
Avatar for high-g high_g_engineer
1
130
人間の目はかわらない、だからJPEGは30年もつ
Avatar for yuzneri yuzneri
12
18k
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
290

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.4k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
360
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
890
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.7k

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!