A hands-on walkthrough of React Server Components (RSC) in TanStack Start, contrasting its explicit, server-only approach with Next.js. Covers the basics of RSCs, when to use them, how to render them via `renderServerComponent` and `createCompositeComponent`, how to pass client components as props, how to load data with async/await inside RSCs, and the resulting bundle size savings (308KB down to 203KB in the demo).
Table of contents
What are React Server ComponentsWhat RSC is NotWhere RSC ShinesGetting StartedThe Normal WayThe Non-RSC PayloadRendering with RSCRendering Interactive ContentPassing Props to our RSCThe Total Savings with RSCWhen to use RSCConcluding ThoughtsSort: