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
AI時代こそ、スケールしないことをしよう -「作る人」から「なぜ作るか」を考える人へ / Do Things That Don't Scale in the AI Era — From How to Why
Avatar for 株式会社カミナシ kaminashi
1
130
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
Avatar for 西田泰明 ynisqa1988
2
1k
AI_Dev_Day_製造業領域でのAI活用から見た活用の罠と成功に導く実践知.pdf
Avatar for KintoTech_Dev kintotechdev
0
200
歴史から理解するクラウドインフラのしくみ
Avatar for t.kizawa kizawa2020
0
100
AI工学特論: MLOps・継続的評価
Avatar for Asei Sugiyama asei
10
2.4k
セキュリティ研修【MIXI 26新卒技術研修】
Avatar for MIXI ENGINEERS mixi_engineers
PRO
2
490
GoでCコンパイラを作った話
Avatar for repunit11 repunit
0
160
キャリアLT会#3
Avatar for Beli beli68
2
260
穢れた技術選定について
Avatar for watany watany
20
6.2k
10年目を迎えた「ABEMA」がどのように AI 活用を推進して、AI 駆動開発にシフトしているのか / How ABEMA, entering its 10th year, is promoting the use of AI and shifting toward AI-driven development
Avatar for Yusei Yamanaka miyukki
1
380
ここは地獄！つらい朝会を体験することで、チームとしてのより良い振る舞いに気づくワークショップ / The stand-up meeting from hell in the game industry
Avatar for scrummasudar scrummasudar
0
310
「休む」重要さ
Avatar for Makky12 smt7174
6
1.7k

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.9k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
62
45k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
430
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
590
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
620
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
340
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
640
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
1.9k

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!