Demystifying server-rendered React apps: Performance & Security

on YouTube ↗06m

" summary

Argues server-rendered React improves SEO and perceived performance with concrete numbers and trade-offs: 77% search share and 0.2% of users disable JavaScript (up to 2.7% in some countries) motivate serving initial content from the server so users see something at stage 3 instead of stage 5. Claims first-byte time can be slower, caching adds complexity, routes and data-fetching may need duplication, and server rendering shifts tooling and mindset rather than magically fixing problems.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:01Search engine optimization
3. 1:32Search on Google
4. 1:57Performance
5. 2:19Rendering
6. 2:49Performance Conversion Rate
7. 3:16JavaScript Disabled
8. 4:02Concepts

" related talks

• 44mServer Side Rendering from the trenchesWilliam Durand · jsDay 2018
• 38mBuilding Isomorphic Web Applications with ReactElyse Kolker Gordon · Strange Loop 2015
• 25mServer-side Rendering with ReactJS: Win or LoseLilit Tadevosyan (Arm) | ReactConfAM19 · React Conf Armenia 2019
• 47mReact, Rendering, PerformanceNadia Makarevich · performance.now() 2025
• 25mThe first two seconds: Faster page loads with ReactJosh Duck · ReactConf AU 2020
• 28mJavaScript SEO (The "Right" Way)Jeff Whelpley · MountainWest JavaScript 2014
• 27mOptimizing the Critical Rendering Path in ReactAlex Moldovan · React Day Berlin 2018
• 25mThe Costs & Benefits of React Server ComponentsJeff Escalante · Reactathon 2023