Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Server Rendering Single Page Applications For E...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Clarence Leung Clarence Leung
March 07, 2014
Programming
94
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
KiroのSpecで「五目並べ」を作ってみる
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
380
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
770
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
Avatar for bara yutobara
8
6.6k
3回つくってわかった、
定期実行ジョブ基盤の本質情報
Avatar for Naoto Takai takai
0
450
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
150
IBM Bob Dojo #1 仕様駆動開発入門
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
390
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
790
The Rails Doctrine Decade
Avatar for Koichi ITO koic
2
590
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
2
540
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
Avatar for Naoki Kishida kishida
2
180
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
190

Featured

See All Featured
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
1k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
92
590k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.6k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6.1k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.2k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
BBQ
Avatar for Matthew Crist matthewcrist
90
10k

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