Frontend
posts (44)
- Testing Through Layers: From Code to Infrastructure1/9
Unit Tests: Fast Diagnosis Near the Code
A unit test checks the smallest useful unit of behavior without starting the whole system. Its value is speed and precise diagnosis.
- Frontend Rendering: from server-side pages to hybrid rendering14/17
Islands architecture: interactive fragments in a mostly static document
The starting point stops being the application. The page is a document, and only the fragments that truly need a client runtime get one.
- Realtime in the Browser: From Polling to WebTransport2/7
Long Polling: When the Server Delays the Response
The server does not answer until it has something to send. What appears is a chain of long requests, where the timeout and the cursor are part of the protocol.
- Realtime in the Browser: From Polling to WebTransport1/7
Polling: Building Realtime with Repeated Requests
The delay is a function of the interval, and the cost is there even when nothing changes. In exchange every request is independent and the whole infrastructure…
- series · 7 parts
Realtime in the Browser: From Polling to WebTransport
Realtime is a requirement about the maximum acceptable delay of information, not the name of a protocol. The mechanisms from polling to WebTransport, each born…
- Frontend Rendering: from server-side pages to hybrid rendering13/17
Selective and progressive hydration: not everything deserves CPU now
Hydration stops being one startup task. Client CPU becomes a resource allocated by priority and by the user's real intent.
- Ways of Talking to a Backend: From HTML Forms to GraphQL6/6
GraphQL: Letting the Client Define the Shape of Data
The response stops belonging to a resource or an operation and starts belonging to the client's query. Flexibility is paid for with predictable execution and…
- Frontend Rendering: from server-side pages to hybrid rendering12/17
Edge rendering: compute moved closer to the user
Moving compute closer to the user only pays off when the data travels with it. Otherwise we shorten one hop and lengthen the rest.
- Ways of Talking to a Backend: From HTML Forms to GraphQL3/6
Fetch API: The Modern Browser Interface to HTTP
fetch did not change the communication model, only the interface. Request and Response are objects, the body is a stream, and a 404 is not an error.
- Ways of Talking to a Backend: From HTML Forms to GraphQL2/6
AJAX: When a Request Stopped Meaning a Page Reload
XHR did not change the protocol, only the reader of the response. Status, headers and the origin boundary stopped being the browser's business and became the…