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

Advanced SSR Caching in React

Rob
April 21, 2017
Technology
0
210

Advanced SSR Caching in React

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

Rob

April 21, 2017
Tweet

More Decks by Rob

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

Other Decks in Technology

See All in Technology
飲食店データの分析事例とそれを支えるデータ基盤
kimujun
0
190
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
110
プロダクト活用度で見えた真実 ホリゾンタルSaaSでの顧客解像度の高め方
tadaken3
0
200
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
130
心が動くエンジニアリング ── 私が夢中になる理由
16bitidol
0
100
Shopifyアプリ開発における Shopifyの機能活用
sonatard
4
260
AGIについてChatGPTに聞いてみた
blueb
0
130
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
200
100 名超が参加した日経グループ横断の競技型 AWS 学習イベント「Nikkei Group AWS GameDay」の紹介/mediajaws202411
nikkei_engineer_recruiting
1
170
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.7k
Oracle Cloud Infrastructure データベース・クラウド：各バージョンのサポート期間
oracle4engineer
PRO
29
13k
The Rise of LLMOps
asei
9
1.7k

Featured

See All Featured
Into the Great Unknown - MozCon
thekraken
32
1.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Producing Creativity
orderedlist
PRO
341
39k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k

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!