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
270

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
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
560
The Developer's Guide to the React Component Libraries
Avatar for Rob operatino
3
770
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
KINTO FACTORYから学ぶ生成AI活用戦略
Avatar for KintoTech_Dev kintotechdev
0
120
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
Avatar for ShuyaKinjo shuyakinjo
0
490
スプリントレトロスペクティブはチーム観察の宝庫？ 〜チームの衝突レベルに合わせたアプローチ仮説！〜
Avatar for Hatorik electricsatie
1
110
自社製CMSからmicroCMSへのリプレースがプロダクトグロースを加速させた話
Avatar for nextbeat-engineer nextbeatdev
0
280
制約理論（ToC）入門
Avatar for Recruit recruitengineers
PRO
7
3.1k
衝突して強くなる！ BLUE GIANTと アジャイルチームの共通点とは ― いきいきと活気に満ちたグルーヴあるチームを作るコツ ― / BLUE GIANT and Agile Teams
Avatar for naiban naitosatoshi
0
190
人を動かすことについて考える
Avatar for nakamichi ichimichi
2
350
Product Management Conference -AI時代に進化するPdM-
Avatar for Yuta Kojima kojima111
0
260
Understanding Go GC #coefl_go_jp
Avatar for 弁護士ドットコム bengo4com
0
1.1k
帳票Vibe Coding
Avatar for terurou terurou
0
150
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
Avatar for ZOZO Developers zozotech
PRO
18
5.8k
Microsoft Fabric のネットワーク保護のアップデートについて
Avatar for Ryoma Nagata ryomaru0825
1
110

Featured

See All Featured
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
570
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
The Language of Interfaces
Avatar for Des Traynor destraynor
160
25k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.6k

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!