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
50
Atomic Architecture
dakuan
3
120
Somewhat Stylish
dakuan
1
56
Other Decks in Programming
See All in Programming
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
370
What We Can Learn From OSS
inouehi
0
420
エンターテイメント業界で利用されるAWS
demuyan
0
210
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
540
Elm 0.19.0 Changes
bkuhlmann
0
490
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
PHPはいつから死んでいるかの調査
chiroruxx
1
400
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
840
Java 22 Overview
kishida
1
190
From Spring Boot 2 to Spring Boot 3 with Java 21 and Jakarta EE
ivargrimstad
0
140
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
Ruby Pattern Matching
bkuhlmann
0
930
Featured
See All Featured
Unsuck your backbone
ammeep
663
57k
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
YesSQL, Process and Tooling at Scale
rocio
164
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
The Invisible Side of Design
smashingmag
294
49k
The Mythical Team-Month
searls
216
42k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
Thoughts on Productivity
jonyablonski
58
3.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
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