React Server Components (RSC) represent a paradigm shift in how we think about React applications. Unlike traditional client-side components, RSCs run exclusively on the server, enabling direct database access, reduced bundle sizes, and improved performance.
How RSCs Work
Server Components are rendered on the server and their output is streamed to the client as a serialized format. This means they never ship JavaScript to the browser, resulting in smaller bundles.
When to Use RSCs
Use Server Components for data fetching, accessing backend resources, and rendering static content. Use Client Components for interactivity, browser APIs, and state management.