Clarification on Page Load Steps
Unanswered
Yellow croaker posted this in #help-forum
Yellow croakerOP
according to the documents:
On the server:
1. React renders Server Components into a special data format called the React Server Component Payload (RSC Payload), which includes references to Client Components.
2. Next.js uses the RSC Payload and Client Component JavaScript instructions to render HTML for the route on the server.
Then, on the client:
1. The HTML is used to immediately show a fast non-interactive initial preview of the route.
can someone rephrase what this actually means, its not the same as hydration ?---> 2. The React Server Components Payload is used to reconcile the Client and Server Component trees, and update the DOM.
3. The JavaScript instructions are used to hydrate Client Components and make their UI interactive.
On the server:
1. React renders Server Components into a special data format called the React Server Component Payload (RSC Payload), which includes references to Client Components.
2. Next.js uses the RSC Payload and Client Component JavaScript instructions to render HTML for the route on the server.
Then, on the client:
1. The HTML is used to immediately show a fast non-interactive initial preview of the route.
can someone rephrase what this actually means, its not the same as hydration ?---> 2. The React Server Components Payload is used to reconcile the Client and Server Component trees, and update the DOM.
3. The JavaScript instructions are used to hydrate Client Components and make their UI interactive.