Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Advanced SSR Caching in React

Avatar for Rob Rob
April 21, 2017
Technology
0
290

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
140
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
570
The Developer's Guide to the React Component Libraries
Avatar for Rob operatino
3
780
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
MapKitとオープンデータで実現する地図情報の拡張と可視化
Avatar for ZOZO Developers zozotech
PRO
1
130
AWS Trainium3 をちょっと身近に感じたい
Avatar for Yasutaka OHMURA bigmuramura
1
140
Overture Maps Foundationの3年を振り返る
Avatar for Toru Mori moritoru
0
170
Gemini でコードレビュー知見を見える化
Avatar for ZOZO Developers zozotech
PRO
1
250
Challenging Hardware Contests with Zephyr and Lessons Learned
Avatar for misoji engineer iotengineer22
0
180
re:Inventで気になったサービスを10分でいけるところまでお話しします
Avatar for Yuuki Yamashita yama3133
1
120
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
Avatar for Bo-Yi Wu appleboy
0
280
今からでも間に合う！速習Devin入門とその活用方法
Avatar for Izumu KUSUNOKI ismk
1
660
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
Avatar for Nakao Yushin yushin_n
0
130
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
Avatar for pei0804 pei0804
4
1.4k
エンジニアリングマネージャー はじめての目標設定と評価
Avatar for d-haru halkt
0
280
評価駆動開発で不確実性を制御する - MLflow 3が支えるエージェント開発
Avatar for Databricks Japan databricksjapan
1
120

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.4k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
54k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
It's Worth the Effort
Avatar for 3n 3n
187
29k

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!