Winning the Hydration Battle: Unlocking React Performance with the Power of Suspense
watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/winning-the-hydration-battle-unlocking-react-performance-with-the-power-of-suspensesummary
Covers using React 18’s Suspense API to avoid hydrating every server-rendered component by dynamically loading and hydrating components only when they enter the viewport. Describes the practical approach Wix used—promise-based Suspense rendering plus viewport-triggered hydration—to reduce JavaScript execution and improve interaction times, with a technical deep dive and code examples.
AI-written summary · about
related talks
10mServer Rendering & Suspense, Hydration Improvement
18mExploring React 18's Streaming Capabilities with Suspense for SSR
40mReact Rendering Strategies Panel Discussion
18mSplitting the Work: Streaming Server Rendering with Suspense
17mImprove Your Web Performance with R… Hydration Strategies
20mThe suspense quest Inside React's Magic
26mReact Suspense
39mReact … wait for it … Suspense