Web Architecture
React Server Components (RSC)
Quick Definition
A React paradigm where components execute exclusively on the server, streaming lightweight serialized HTML to the client without sending any JavaScript bundle weight.
Architectural Deep Dive
Prior to React Server Components, all React components were bundled and shipped to the client browser, forcing mobile devices to download, parse, and execute megabytes of JavaScript. With RSC, components run exclusively on the server. They have direct access to backend databases, microservices, and secrets. Only the resulting interactive UI tree (along with client components explicitly marked with 'use client') is sent over the wire, resulting in near-instant First Contentful Paint.
Why this matters in 2026: Eliminates client bundle bloat, stops API waterfalls, and makes high-scale web apps performant even on weak mobile connections.
Common Engineering Pitfalls
- •Sprinkling 'use client' indiscriminately at the top of pages, destroying the performance benefits of server execution.
- •Accidentally leaking sensitive server secrets into props passed to client components.