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

Server Rendering Single Page Applications For E...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
230
瑠璃の宝石に学ぶ技術の声の聴き方 / 【劇場版】アニメから得た学びを発表会2026 #エンジニアニメ
Avatar for mazrean mazrean
0
220
Mastering Event Sourcing: Your Parents Holidayed in Yugoslavia
Avatar for Marek Matulka super_marek
0
150
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
330
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
Avatar for Sakurai sakuraikotone
1
1.8k
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
500
LM Linkで(非力な！)ノートPCでローカルLLM
Avatar for 瀬尾佳隆 seosoft
0
450
Swift Concurrency Type System
Avatar for Yasuhiro Inami inamiy
0
430
メッセージングを利用して時間的結合を分離しよう #phperkaigi
Avatar for Takuma Kajikawa kajitack
3
580
PHP で mp3 プレイヤーを実装しよう
Avatar for memory m3m0r7
PRO
0
230
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
420
条件判定に名前、つけてますか？ #phperkaigi #c
Avatar for Hiromi Hishida 77web
2
1k

Featured

See All Featured
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
160
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
6.6k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
110
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
160
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
340
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
880
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
260
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
250

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