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

Advanced SSR Caching in React

Rob
April 21, 2017
Technology
0
110

Advanced SSR Caching in React

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

Rob

April 21, 2017
Tweet

More Decks by Rob

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

Other Decks in Technology

See All in Technology
Code Review Challenge: An example of a solution
line_developers
PRO
1
210
視え方と文字の大きさ
lemon
1
180
サーバーレスアーキテクチャを使って、小さく作って大きくする取り組み
daikimori
0
1.2k
self-hosted runnerと actions/cache の噛み合わせが悪かった件 #githubactionsmeetup
whywaita
PRO
1
490
Kotlin Dynamic type
coe
0
130
ヒューリスティックコンテストで機械学習しよう
nagiss
7
2.7k
Deploy web frontend apps with AWS CDK
tmokmss
1
100
LLM×Cloud Runでオンライン薬局の既存オペレーションを自動化した話
pharma_x_tech
0
690
上流工程に挑戦！「俺の考えた最強サーバレス構成」が一瞬で敗北した件
kentosuzuki
2
140
AWS 初心者が取り組んだセキュリティ強化の2年間とこれから/Two years of security enhancement efforts by AWS beginners and the future
yayoi_dd
0
370
プロダクトオーナーとしてSLOに向き合う 〜Mackerelチームの事例〜 / SRE NEXT 2023
tatsuru
PRO
0
130
フィンテック養成勉強会#33
finengine
0
160

Featured

See All Featured
Code Reviewing Like a Champion
maltzj
510
38k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
[Brighton Ruby 2023] The Magic of Rails
eileencodes
3
290
Navigating Team Friction
lara
177
12k
GraphQLの誤解/rethinking-graphql
sonatard
44
8.5k
Debugging Ruby Performance
tmm1
68
11k
Unsuck your backbone
ammeep
660
56k
GraphQLとの向き合い方2022年版
quramy
25
11k
A Tale of Four Properties
chriscoyier
150
21k
Fireside Chat
paigeccino
18
2.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
349
18k
Stop Working from a Prison Cell
hatefulcrawdad
265
18k

Transcript

  1. Advanced SSR Caching

    with React
    Robert Haritonov

    Tech Lead @

    View Slide

  2. Zoover is a travel website

    3-4M
    Visits a month
    350
    RPS on load

    View Slide

  3. 80% of Zoover traffic comes from

    View Slide





  4. SSR

    View Slide

  5. Cache!

    View Slide

  6. Page? Data? Components!

    View Slide

  7. View Slide

  8. electrode-io/electrode-react-ssr-caching
    • Performance profiling
    • Allows per-component caching
    • Templating

    View Slide

  9. Caching container components
    200ms => 50ms => 15ms

    View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. / rapscallion

    View Slide

  14. FormidableLabs/rapscallion
    • Asynchronous rendering
    • Support for external caching storage
    • Nice declarative caching syntax
    • Streaming
    • Babel plugin for JSX optimization for SSR

    View Slide

  15. View Slide

  16. View Slide

  17. External cache storage

    View Slide

  18. Beta
    Join us on our challenge

    View Slide

  19. Come to our booth!

    View Slide