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

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
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
960
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
220
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
830
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
76
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
310
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160

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