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
Model, View, Whatever.
Search
Dominic Barker
January 08, 2015
Programming
0
120
Model, View, Whatever.
Some ideas to help you build complex javascript applications that don't ruin the internet.
Dominic Barker
January 08, 2015
Tweet
Share
More Decks by Dominic Barker
See All by Dominic Barker
Introduction to functional programming with Javascript
dakuan
0
54
Atomic Architecture
dakuan
3
140
Somewhat Stylish
dakuan
1
59
Other Decks in Programming
See All in Programming
Outline View in SwiftUI
1024jp
1
300
AI時代におけるSRE、 あるいはエンジニアの生存戦略
pyama86
4
1.1k
What’s New in Compose Multiplatform - A Live Tour (droidcon London 2024)
zsmb
1
460
『ドメイン駆動設計をはじめよう』のモデリングアプローチ
masuda220
PRO
8
520
距離関数を極める! / SESSIONS 2024
gam0022
0
150
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
3
1.1k
macOS でできる リアルタイム動画像処理
biacco42
9
2.3k
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
100
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
200
Tauriでネイティブアプリを作りたい
tsucchinoko
0
360
外部システム連携先が10を超えるシステムでのアーキテクチャ設計・実装事例
kiwasaki
1
280
役立つログに取り組もう
irof
28
9.4k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Ruby is Unlike a Banana
tanoku
96
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
We Have a Design System, Now What?
morganepeng
50
7.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
700
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Designing for humans not robots
tammielis
250
25k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
KATA
mclloyd
29
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Transcript
Model, View, Whatever. *Document Object Model - not me! or
how I learned to stop worrying and love the DOM*
We ♥ Single Page Applications
• Complex UI • Feel really fast • Comparable to
native mobile apps • Can work offline • Cool MVC MVW frameworks galore
But…
None
• Javascript :( • Initial page load • Duplicated code
• < noscript /> • IE <9 Internet Explorer • Deep linking • Error handling • SEO
Another way is possible.
None
• Render a full working web page on the server
• For all routes, not just the first hit of index page • Bind SPA afterwards • SPA uses the same markup • Client and server use same templates
• Real forms! • Real links! • No duplicated templates!
• No white screen of death! • Error recovery for free! • Cheap integration tests! • Maximum dev gibberish: Isomorphic Application
None
Dom Barker Software Engineer @ Quill Content @mostlyharmlessd www.dombarker.co.uk www.github.com/dakuan
www.npmjs.com/~dakuan