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

Advanced SSR Caching in React

Avatar for Rob Rob
April 21, 2017
Technology
0
320

Advanced SSR Caching in React

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

Avatar for Rob

Rob

April 21, 2017
Tweet

More Decks by Rob

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

Other Decks in Technology

See All in Technology
大規模サービスにおける レガシーコードからReactへの移行
Avatar for MagicPod magicpod
1
100
Oracle Cloud Infrastructure：2026年2月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
200
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
1.6k
生成AIの利用とセキュリティ /gen-ai-and-security
Avatar for Masayoshi Mizutani mizutani
0
200
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
380
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
190
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
7k
三菱UFJ銀行におけるエンタープライズAI駆動開発のリアル / Enterprise AI_Driven Development at MUFG Bank: The Real Story
Avatar for 三菱UFJインフォメーションテクノロジー株式会社 muit
10
20k
LINE Messengerの次世代ストレージ選定
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
17
7.1k
バクラクのSREにおけるAgentic AIへの挑戦/Our Journey with Agentic AI
Avatar for SadayoshiTada taddy_919
2
970
primeNumber DATA MANAGEMENT CAMP #2：
Avatar for 阿部 昌利 masatoshi0205
1
670
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.4k

Featured

See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
150
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
93
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
240
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
150
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
230
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.3k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
240

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!