Explore how React 19's partial hydration works with Clerk's authentication hooks and components. Each demo showcases a different pattern and its implications.
Partial hydration allows React components to become interactive independently, without waiting for the entire page to load. This improves perceived performance and user experience, especially when some parts of your app are slow to load.
Demonstrates how slow Server Components (RSC) that take 2-3 seconds to render create loading states, but don't block client-side hydration.
Shows how Clerk hooks (useAuth, useSession, useUser, useClerk) hydrate independently and become interactive immediately, regardless of slow RSCs.
Explores what happens when Clerk components like UserButton are wrapped inside a client component that suspends using React's use() hook.