Q43: What is the flight payload stream in React Server Components?

When a server component renders, React serializes the component tree into a compact JSON-like binary format stream (often called the RSC Payload or Flight stream). The browser client parses this stream to construct Virtual DOM nodes and patch client views without triggering full page reloads.

RSC Flight Stream Format Descriptor
// Conceptual RSC Flight Stream payload line:
M1:{"id":"./src/ClientComp.js","chunks":["main"],"name":"default"}
J0:["$","div",null,{"children":["$","$L1",null,{"title":"Server Data"}]}]
💡 RSC stream encodes component tags and client module references for client hydration.
Key Takeaways
  • RSC Payload is a JSON-like stream representation of the component tree.
  • Contains rendered server nodes and placeholder references for Client Components.
Knowledge Check

What format does a React Server Component response return over HTTP streams?