Transferring State to the Client
Avoid duplicate requests with state transfer.
The Double Fetch Problem
During SSR the server fetches data to render HTML. Without help, the client fetches the same data again after hydration, wasting a request and risking a content flicker.
TransferState To The Rescue
Angular's TransferState serializes data on the server into the HTML, then the client reads it instead of refetching. The data travels in a script tag in the response.
All lessons in this course
- Why Server-Side Rendering
- Setting Up Angular SSR
- Server Routes and Rendering Modes
- Transferring State to the Client