What is the React Server Component Payload (RSC)?

Q: What is the React Server Component Payload (RSC)?

The rendered result of Server Components Placeholders for where Client Components should be rendered and references to their JavaScript files Any props passed from a Server Component to a Client Component

Difficulty: 6/10

server components, payload serialization, streaming

The RSC Payload is a compact binary representation of the rendered React Server Components tree. It's used by React on the client to update the browser's DOM.

The RSC Payload contains:

1
The rendered result of Server Components
2
Placeholders for where Client Components should be rendered and references to their JavaScript files
3
Any props passed from a Server Component to a Client Component

Scenario Questions

0-2 years experience

2-5 years experience

1We noticed a page using server components is loading slowly because the RSC payload is large. How would you investigate and reduce its size?

Follow-up Questions