Frontend
wpisy (44)
- Testowanie przez warstwy: od kodu do infrastruktury1/9
Unit tests: szybka diagnoza przy kodzie
Unit test sprawdza najmniejszą sensowną jednostkę zachowania bez uruchamiania całego systemu. Jego wartość leży w szybkości i precyzji diagnozy.
- Frontend Rendering: od server-side pages do hybrydowego renderowania14/17
Islands architecture: interaktywne wyspy w statycznym dokumencie
Punktem wyjścia przestaje być aplikacja. Strona jest dokumentem, a client runtime dostają tylko te fragmenty, które go naprawdę potrzebują.
- Realtime w przeglądarce: od pollingu do WebTransport2/7
Long Polling: kiedy serwer opóźnia odpowiedź
Serwer nie odpowiada, dopóki nie ma czego wysłać. Powstaje ciąg długich requestów, w którym timeout i kursor są częścią protokołu.
- Realtime w przeglądarce: od pollingu do WebTransport1/7
Polling: realtime przez powtarzanie requestu
Opóźnienie jest funkcją interwału, a koszt istnieje nawet wtedy, gdy nic się nie zmienia. W zamian każdy request jest niezależny i cała infrastruktura działa…
- seria · 7 części
Realtime w przeglądarce: od pollingu do WebTransport
Realtime to wymaganie dotyczące maksymalnego opóźnienia informacji, nie nazwa protokołu. Mechanizmy od pollingu po WebTransport, każdy z ograniczenia…
- Frontend Rendering: od server-side pages do hybrydowego renderowania13/17
Selective i progressive hydration: nie wszystko musi dostać CPU od razu
Hydration przestaje być jednym startup taskiem. Client CPU staje się zasobem przydzielanym według priorytetów i realnego intentu użytkownika.
- Sposoby komunikacji z backendem: od formularza HTML do GraphQL6/6
GraphQL: klient pyta o kształt danych
Odpowiedź przestaje należeć do zasobu i operacji, a zaczyna do zapytania klienta. Elastyczność płaci się przewidywalnością wykonania i cache.
- Frontend Rendering: od server-side pages do hybrydowego renderowania12/17
Edge rendering: renderowanie bliżej użytkownika
Przesunięcie compute bliżej użytkownika ma sens tylko wtedy, gdy dane idą razem z nim. Inaczej skracamy jeden hop i wydłużamy resztę.
- Sposoby komunikacji z backendem: od formularza HTML do GraphQL3/6
Fetch API: współczesny interfejs do HTTP w przeglądarce
fetch nie zmienił modelu komunikacji, tylko interfejs. Request i Response są obiektami, body jest strumieniem, a 404 nie jest błędem.
- Sposoby komunikacji z backendem: od formularza HTML do GraphQL2/6
AJAX: kiedy request przestał oznaczać przeładowanie strony
XHR nie zmienił protokołu, tylko czytelnika odpowiedzi. Status, nagłówki i granica origin przestały być sprawą przeglądarki, a stały się sprawą aplikacji.