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

Server Rendering Single Page Applications For E...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
160
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
200
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
AI & Enginnering
Avatar for codelynx codelynx
0
110
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
1
210
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430

Featured

See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.2k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
640

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