
ALT Client-side Rendering steps: User requests URL Download JS (react, react-dom, packages, etc) Parse JS (expensive) Execute JS Parent component renders useEffect fires and requests data Request completes, sets state Component re-renders and renders child Child renders Child useEffect fires and requests data Request completes, sets state Final render shows result Server side rendering steps: User requests URL Fetch data in parallel, on fast server connection Display server-rendered HTML Server render loads faster because: Fetches start earlier Fetches run in parallel Fetches on the server are faster Less JS is sent to client
View Transitions for MPA
The View Transition API makes it easy to change the DOM in a single step, while creating an animated transition between the two states. This is an early preview of support for Multi-page Apps (MPAs).































