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

Advanced SSR Caching in React

Bad3e55f0b96b80bc4ffb40d1c1414dc?s=47 Robert Haritonov
April 21, 2017
Technology
0
92

Advanced SSR Caching in React

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

Bad3e55f0b96b80bc4ffb40d1c1414dc?s=128

Robert Haritonov

April 21, 2017
Tweet

More Decks by Robert Haritonov

See All by Robert Haritonov
The Truth Is Out There... Monitoring Your Isomorphic Application
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
0
110
Building React Components Library (Conf Edition)
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
2
350
React Europe 2016 Recap
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
0
110
Библиотека UI компонентов, о которой вы всегда мечтали (RU)
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
1
890
React - новая эра фронтенд разработки (RU)
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
3
450
The Developer's Guide to the React Component Libraries
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
3
510
Entering the new era of Front-end development with ReactJS
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
4
400
Building React Component Library (Meetup Edition)
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
1
500
The Style Guide Platform
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
6
1.3k

Other Decks in Technology

See All in Technology
AWS Step Functions を用いた非同期学習処理の例
227382dbd5e033db211c159edf32853c?s=48 hacarus
0
110
テクニカルライティングの検定を受けてみた話 / "My Story About Taking the Technical Writing Exam
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
1
220
20220803投資先CXO候補者向け 会社紹介資料_合同会社BLUEPRINT
08b07f5e5f554c4f4a6a30ef1cca28ad?s=48 hik
0
590
テスト自動化を最速で軌道に乗せるために
6f8c7b050e551df51ac90c013eee164f?s=48 nozomiito
0
150
EKS AnywhereとIAM Anywhereを組み合わせてみた
28dd434482959f605e535fb81f691326?s=48 regmarmcem
0
420
セキュアなTerraformの使い方 ～ 機密情報をコードに含めず環境構築するにはどうしたらいいの？
5f0f8883d90b46e581fe41ba9ae4cfe9?s=48 harukasakihara
9
1.6k
Reactコンポーネントにおけるテスト手法の選択肢
2917a3c430817eb71086f8973c06ebba?s=48 sakito
5
1.8k
合同IT企業説明会から学ぶエンジニア向けの広報戦略
Ac0a1eb49d6f0f2f1ce3644941050acb?s=48 nagutabby
1
250
ぼくらが選んだ次のMySQL 8.0 / MySQL80 Which We Choose
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
7
3.3k
COSCUP x KCD Taiwan 2020 - 那些年我們在開源社群的日子 - Cloud Native Taiwan
E2dd1857f6fc1ff69adb2af80b56e9fc?s=48 pohsien
0
120
ECS Exec を使った ECS の トラブルシューティング
6378d4cb0e5e7cfabe13d144827a6a28?s=48 dohara
0
170
LINSTOR — это как Kubernetes, но для блочных устройств
93aef1d166a8a3536538eff713f80307?s=48 flant
0
4k

Featured

See All Featured
Testing 201, or: Great Expectations
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.5k
It's Worth the Effort
Ba530e786553390f3fb271848485681c?s=48 3n
172
26k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
34k
Fontdeck: Realign not Redesign
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4.1k
Teambox: Starting and Learning
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
123
7.7k
jQuery: Nuts, Bolts and Bling
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
6.4k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
57
5.4k
Ruby is Unlike a Banana
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9.3k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
Git: the NoSQL Database
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
Adopting Sorbet at Scale
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
63
7.6k
A Tale of Four Properties
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
21k

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!