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

Advanced SSR Caching in React

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Rob Rob
April 21, 2017
Technology
360
0

Advanced SSR Caching in React

Talk recording https://youtu.be/4TOi9l6x-jo

Avatar for Rob

Rob

April 21, 2017

More Decks by Rob

See All by Rob
The Truth Is Out There... Monitoring Your Isomorphic Application
Avatar for Rob operatino
0
150
Building React Components Library (Conf Edition)
Avatar for Rob operatino
2
400
React Europe 2016 Recap
Avatar for Rob operatino
0
170
Библиотека UI компонентов, о которой вы всегда мечтали (RU)
Avatar for Rob operatino
1
1.2k
React - новая эра фронтенд разработки (RU)
Avatar for Rob operatino
3
580
The Developer's Guide to the React Component Libraries
Avatar for Rob operatino
3
840
Entering the new era of Front-end development with ReactJS
Avatar for Rob operatino
4
490
Building React Component Library (Meetup Edition)
Avatar for Rob operatino
1
540
The Style Guide Platform
Avatar for Rob operatino
6
1.5k

Other Decks in Technology

See All in Technology
LLM・AIエージェントシステムベストプラクティス
Avatar for shibuiwilliam shibuiwilliam
6
1.4k
Head First モブプログラミング / Head First Mobprogramming
Avatar for TAKAKING22 takaking22
10
12k
社内の7割が使うデータ基盤を、 データチーム2人で回すためにやったこと
Avatar for KOH koh_yoshi
4
1.4k
ガバメント AI 源内を地方自治体は活用できるのか 可能性と課題、期待について
Avatar for takeda_h takeda_h
2
440
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.2k
AI-DLC実践録_フルサイクル開発への挑戦
Avatar for Miyuki miyuc
0
230
Apache Icebergインフラストラクチャ: ストレージ・カタログ・エンジンの選択肢と Clouderaプラットフォームでの実装
Avatar for tsugiyama-cloudera tsugiyama
0
110
35分でわかるEffective Platform Engineering
Avatar for nwiizo nwiizo
3
120
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
Avatar for SMS tech sms_tech
1
280
LanceDB入門
Avatar for Tomoko Uchida mocobeta
8
580
20260804_Q4AzureUpdateBite_FabricDataAgentの精度を高める設計.pdf
Avatar for matayuuu matayuuu
1
140
SO-101×VLAによる3色キューブのピック＆プレース
Avatar for ABEJA abeja
0
210

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
490
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
430
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
520
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
1
34k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
920
Fireside Chat
Avatar for paigeccino paigeccino
42
4k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
710

Transcript

  1. Advanced SSR Caching
 with React Robert Haritonov
 Tech Lead @

  2. Zoover is a travel website 3-4M Visits a month 350

    RPS on load

  3. 80% of Zoover traffic comes from

  4. SSR

  5. Cache!

  6. Page? Data? Components!

  7. None

  8. electrode-io/electrode-react-ssr-caching • Performance profiling • Allows per-component caching • Templating

  9. Caching container components 200ms => 50ms => 15ms

  10. None
  11. None
  12. None

  13. / rapscallion

  14. FormidableLabs/rapscallion • Asynchronous rendering • Support for external caching storage

    • Nice declarative caching syntax • Streaming • Babel plugin for JSX optimization for SSR
  15. None
  16. None

  17. External cache storage

  18. Beta Join us on our challenge

  19. Come to our booth!