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
88
1

Server Rendering Single Page Applications For Every Framework

Avatar for Clarence Leung

Clarence Leung

March 07, 2014

Other Decks in Programming

See All in Programming
Java 21/25 Virtual Threads 소개
Avatar for Sunghyouk Bae (Debop) debop
0
340
The Monolith Strikes Back: Why AI Agents ❤️ Rails Monoliths
Avatar for Rodrigo Serradura serradura
0
290
レガシーPHP転生 〜父がドメインエキスパートだったのでDDD+Claude Codeでチート開発します〜
Avatar for panda_program panda_program
0
650
SkillがSkillを生む：QA観点出しを自動化した
Avatar for sontixyou sontixyou
6
3.2k
CursorとClaudeCodeとCodexとOpenCodeを実際に比較してみた
Avatar for Terisuke terisuke
1
370
アーキテクチャモダナイゼーションとは何か
Avatar for nwiizo nwiizo
17
4.8k
Coding as Prompting Since 2025
Avatar for Jimmy Moon ragingwind
0
780
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記
Avatar for Maki Hayashi mkmk884
0
320
ルールルルルルRubyの中身の予備知識 ── RubyKaigiの前に予習しなイカ？
Avatar for ydah ydah
0
110
瑠璃の宝石に学ぶ技術の声の聴き方 / 【劇場版】アニメから得た学びを発表会2026 #エンジニアニメ
Avatar for mazrean mazrean
0
220
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
170
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
760

Featured

See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
96
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
97
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
140
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
290
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
200

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