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
350
0

Advanced SSR Caching in React

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

Avatar for Rob

Rob

April 21, 2017

More Decks by Rob

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

Other Decks in Technology

See All in Technology
Git 研修【MIXI 26新卒技術研修】#2
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
250
「待ち時間」の消滅と「自我消耗」の加速：生成AI時代のエンジニアを救うメンタル・リソース管理
Avatar for フクイ poropinai1966
0
200
文字起こし基盤の信頼性
Avatar for abnoumaru abnoumaru
0
140
人とエージェントが高め合う協業設計
Avatar for KintoTech_Dev kintotechdev
0
950
なぜ、あなたのAPIは使われないのか？ AX時代の設計原則、ガードレール、運用体制
Avatar for Yoichi Kawasaki yokawasa
1
230
システム監視入門
Avatar for gr1m0h grimoh
2
570
インシデント事例と
パッケージの全量解析に学ぶ
ソフトウェアサプライチェーンの守り方 / supply-chain-attack-defense
Avatar for GMO Flatt Security flatt_security
0
1.1k
AIとハーネスで育てるトランスコンパイラ / 20260722 Yasushi Katayama
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
970
AIコード生成×サプライチェーン攻撃 — PHPが直面する“二重の信頼問題
Avatar for Shinya Saita shinyasaita
0
490
データと地図で読む 大井町の「かわるもの、かわらないもの」
Avatar for じゅんじゅん yoshiyama_hana
0
370
探索・可視化・自動化を一本化 Amazon Quickでデータ活用スピードを上げる方法
Avatar for こーへい koheiyoshikawa
0
210
kaonavi Tech Night＃1
Avatar for 株式会社カオナビ kaonavi
0
180

Featured

See All Featured
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
290
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
450
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
280
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
500
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
260
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
570
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.2k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
380
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
730
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
420

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!