JavaScript
wpisy (13)
- Warstwy HTTP w przeglądarce: od fetch() do QUIC1/9
Request i Response: co faktycznie wysyła browser?
Request to nie URL, a odpowiedź HTTP to nie zawsze JSON. Headers i body mają osobny lifecycle, a błąd HTTP nie jest awarią sieci.
- Frontend Rendering: od server-side pages do hybrydowego renderowania16/17
Server Components: nie cały kod UI musi trafić do browsera
Granica renderowania przestaje przebiegać przez stronę, a zaczyna przez graf modułów. Część komponentów nigdy nie ma implementacji po stronie klienta.
- Frontend Rendering: od server-side pages do hybrydowego renderowania15/17
Resumability: zamiast hydratować, wznów wykonanie
Serwer zapisuje dość informacji, żeby klient nie musiał odtwarzać drzewa komponentów. Kod ładuje się dlatego, że wykonanie stało się potrzebne.
- Realtime w przeglądarce: od pollingu do WebTransport4/7
Server-Sent Events: protokół zdarzeń nad HTTP streamingiem
Standardowy format zdarzeń i reconnect nad strumieniem HTTP. Last-Event-ID daje wznowienie, ale trwałości eventów w systemie już nie załatwia.
- 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ą.
- 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 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.
- seria · 6 części
Sposoby komunikacji z backendem: od formularza HTML do GraphQL
Warstwy komunikacji frontendu z backendem od dołu do góry: formularz, XHR i fetch inicjują request, HTTP go przenosi, a REST, RPC i GraphQL modelują operacje i…
- Frontend Rendering: od server-side pages do hybrydowego renderowania6/17
Hydration: jak połączyć HTML z działającą aplikacją
Serwer wysyła wynik renderowania, nie aplikację. Browser musi odtworzyć drzewo komponentów i podpiąć je do istniejącego DOM-u.