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
280

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
130
Building React Components Library (Conf Edition)
Avatar for Rob operatino
2
380
React Europe 2016 Recap
Avatar for Rob operatino
0
160
Библиотека UI компонентов, о которой вы всегда мечтали (RU)
Avatar for Rob operatino
1
1.1k
React - новая эра фронтенд разработки (RU)
Avatar for Rob operatino
3
560
The Developer's Guide to the React Component Libraries
Avatar for Rob operatino
3
770
Entering the new era of Front-end development with ReactJS
Avatar for Rob operatino
4
460
Building React Component Library (Meetup Edition)
Avatar for Rob operatino
1
520
The Style Guide Platform
Avatar for Rob operatino
6
1.4k

Other Decks in Technology

See All in Technology
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
Avatar for mdstoy mdstoy
0
130
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
Avatar for ZOZO Developers zozotech
PRO
0
180
社内お問い合わせBotの仕組みと学び
Avatar for Tomoyuki Nishimura nish01
0
390
Findy Team+のSOC2取得までの道のり
Avatar for adachi.ryo rvirus0817
0
340
stupid jj tricks
Avatar for André Arko indirect
0
8k
LLMアプリケーション開発におけるセキュリティリスクと対策 / LLM Application Security
Avatar for GMO Flatt Security flatt_security
7
1.9k
Access-what? why and how, A11Y for All - Nordic.js 2025
Avatar for Geisy Domiciano gdomiciano
1
110
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
310
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
Avatar for GMO Flatt Security flatt_security
0
350
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す：設計と活用事例
Avatar for Fumiya Sakai fumiyasac0921
0
140
OCI Network Firewall 概要
Avatar for oracle4engineer oracle4engineer
PRO
1
7.8k
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
Avatar for you（@youtoy） you
PRO
0
220

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.8k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k

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!