Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore the real-world performance implications of React Server Components (RSC) versus Server-Side Rendering (SSR) in this comprehensive conference talk from React Advanced London 2025. Discover why RSC migrations often fail to deliver expected bundle size reductions and learn the critical role of streaming and Suspense in optimizing Largest Contentful Paint (LCP) metrics. Follow along as Senior Staff Engineer and React optimization expert Nadia Makarevich conducts detailed benchmarks comparing Single Page Applications (SPA), SSR, and RSC architectures using Chrome DevTools and real performance measurements. Understand the methodology behind measuring React performance across different rendering strategies, from client-side rendering's JavaScript bootstrapping costs to server-side data fetching challenges and the notorious "interactivity gap" where UIs appear functional but remain frozen. Examine concrete benchmarks comparing Next.js Pages Router versus App Router in SSR mode, and dive deep into RSC architecture to understand how it eliminates double rendering on the client while often delivering underwhelming bundle size improvements. Learn why static RSC implementations fall short and how implementing streaming with async components and Suspense boundaries can dramatically improve performance outcomes. Master the technical hurdles involved in properly configuring Suspense for optimal streaming performance and gain the knowledge needed to select the most appropriate rendering strategy for your specific use case based on actual performance data rather than theoretical assumptions.
