Frontend
posts (44)
- Frontend Rendering: from server-side pages to hybrid rendering11/17
Partial Prerendering: one page, several clocks
The route stops being the unit of decision. A static shell is produced earlier, dynamic fragments arrive at request time or through the stream.
- Ways of Talking to a Backend: From HTML Forms to GraphQL1/6
HTML Forms: Backend Communication Without JavaScript
A form is not an API helper. The browser itself serializes the controls, builds the request and treats the response as a new document.
- series · 6 parts
Ways of Talking to a Backend: From HTML Forms to GraphQL
The layers of frontend to backend communication from the bottom up: forms, XHR and fetch start the request, HTTP carries it, and REST, RPC and GraphQL model…
- Frontend Rendering: from server-side pages to hybrid rendering10/17
Streaming SSR: stop waiting for the whole tree
The response stops being atomic. The server sends finished fragments and the slowest dependency no longer blocks the entire document.
- Frontend Rendering: from server-side pages to hybrid rendering9/17
Revalidation and ISR: static output that expires
ISR is not a separate rendering category but a cache with controlled inconsistency: precomputed HTML, expiration and regeneration.
- Frontend Rendering: from server-side pages to hybrid rendering8/17
Deferred generation: don't build what nobody requests
The request stops being the moment of rendering and becomes a trigger for materialising an artifact. The first user pays, everyone after gets a file.
- Frontend Rendering: from server-side pages to hybrid rendering7/17
SSG: rendering before the user exists
Build-time rendering trades request cost for build cost. You pay once, serve cheaply, and start having a data freshness problem.
- Frontend Rendering: from server-side pages to hybrid rendering6/17
Hydration: connecting HTML with a working application
The server sends the result of rendering, not the application. The browser has to rebuild the component tree and wire it to the existing DOM.
- Frontend Rendering: from server-side pages to hybrid rendering5/17
SSR returns: the server renders HTML again
The server renders the first view not to make the frontend disappear, but to make content exist earlier. The rest of the cost stays on the client.
- Frontend Rendering: from server-side pages to hybrid rendering4/17
The cost of shipping the application to the browser
Transfer size is the first cost, not the only one. What counts is the work the device must do before the application becomes usable.