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

Server Rendering Single Page Applications For E...

Avatar for Clarence Leung Clarence Leung
March 07, 2014
Programming
1
86

Server Rendering Single Page Applications For Every Framework

Avatar for Clarence Leung

Clarence Leung

March 07, 2014
Tweet

Other Decks in Programming

See All in Programming
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
Avatar for Shia riseshia
0
120
Swift Concurrency - 状態監視の罠
Avatar for Yuki Yasoshima objectiveaudio
2
130
あなたの知らない「動画広告」の世界 - iOSDC Japan 2025
Avatar for ukitaka ukitaka
0
230
Repenser les filtres API Platform: une nouvelle syntaxe
Avatar for Vincent Amstoutz vinceamstoutz
2
150
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
Avatar for Keisuke Kobayashi kobakei
0
440
Back to the Future: Let me tell you about the ACP protocol
Avatar for Benedikt Terhechte terhechte
0
120
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
Avatar for teamLab teamlab
PRO
0
130
CSC509 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
430
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
Avatar for MinoDriven minodriven
22
11k
非同期jobをtransaction内で 呼ぶなよ！絶対に呼ぶなよ！
Avatar for Yuto Urushima alstrocrack
0
280
AIで開発生産性を上げる個人とチームの取り組み
Avatar for TaniiGo taniigo
0
120
ててべんす独演会〜Flowの全てを語ります〜
Avatar for てべすてん tbsten
1
220

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Done Done
Avatar for chrislema chrislema
185
16k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
78
6k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
51k

Transcript

  1. Server Rendering Single Page Applications For Every Framework Clarence Leung

    (@clarler) Engineer, YUI and Mojito, Yahoo

  2. Single Page Applications! Slick transitions! No page refresh! JSON everywhere!

  3. But you broke the web.

  4. None
  5. None
  6. None

  7. “That’s fine, everyone has JavaScript enabled nowadays.”

  8. But you’re losing out on performance.

  9. Isomorphic JavaScript Frameworks The Noun Project attribution: - “Server” designed

    by aLf - “Browser” designed by Fernando Vasconcelos 1. Fetch and cache: JSON 3. App navigation: JSON App Server API Server 2. Initial render: HTML Browser

  10. Isomorphic JavaScript Frameworks

  11. Breaking it down: Data rehydration Template sharing Route sharing

  12. Our micro-libraries: Express State Handlebars, Dust, etc. Express Map

  13. Build isomorphic applications regardless of template engine or client-side framework.

  14. Thanks! npmjs.org/browse/keyword/modown See what we’re doing at: Questions? Feel free

    to get in touch: @clarler on Twitter @clarle on GitHub