Syntax - Tasty Web Development Treats

Supper Club × Lee Robinson on React Suspense, Server Components

Aug 5, 2022
Guest
Lee Robinson
In this podcast, Lee Robinson, VP of Developer Experience at Vercel, shares insights about React Suspense and server components. He explains how Suspense enhances performance through selective hydration, improving component loading. The discussion tackles the impact of hydration on web performance, the complexities of managing multiple CMS, and the evolution of React features. Lee also explores edge computing's potential for global performance and the necessary tools for modern developers, all while shedding light on the future of web development.
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ANECDOTE

Rogers.com Loader

  • Rogers.com uses a 10-second loader on every page.
  • This negatively impacts user experience, likely caused by inefficient client-side data fetching.
INSIGHT

Suspense Mechanism

  • Suspense detects asynchronous operations in child components using hooks.
  • It suspends rendering and shows a loading placeholder while data fetches.
INSIGHT

Server Components

  • Server components let you fetch data directly in components, reducing client-side JavaScript.
  • The .server convention might change, with potential for async/await data fetching.
Get the Snipd Podcast app to discover more snips from this episode
Get the app