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
250

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

Other Decks in Technology

See All in Technology
Devin＆Cursor、それぞれの「本質」から導く最適ユースケース戦略
Avatar for empitsu empitsu
8
2.5k
mnt_data_とは？ChatGPTコード実行環境を深堀りしてみた
Avatar for Issei.Komori icck
0
210
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.6k
Swiftは最高だよの話
Avatar for 野瀬田　裕樹 yuukiw00w
2
290
積み上げられた技術資産と向き合いながら、プロダクトの信頼性をどう守るか
Avatar for PLAID Tech plaidtech
PRO
0
940
GoogleのAI Agent
Avatar for Shu Kobuchi shukob
0
140
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.1k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
17k
継続戦闘能⼒
Avatar for SansanTech sansantech
PRO
0
220
AIの電力問題を概観する
Avatar for Ryuichi Maruyama rmaruy
1
220
大規模PaaSにおける監視基盤の構築と効率化の道のり
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
180
2025advance01
Avatar for minamizaki minamizaki
0
130

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
349
20k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
13k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.3k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k

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!