JavaScript
wpisy (8)
- 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.
- 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.
- 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.
- Frontend Rendering: od server-side pages do hybrydowego renderowania4/17
Koszt wysyłania aplikacji do browsera
Transfer size to pierwszy koszt, nie jedyny. Liczy się praca, którą urządzenie musi wykonać, zanim aplikacja stanie się użyteczna.
- Frontend Rendering: od server-side pages do hybrydowego renderowania3/17
SPA i CSR: kiedy browser przejął aplikację
Browser pobiera dokument raz i sam zarządza przejściami między ekranami. Frontend przestaje być warstwą prezentacji, a staje się długowiecznym runtime'em.
- Frontend Rendering: od server-side pages do hybrydowego renderowania2/17
AJAX: moment, w którym strona zaczęła zachowywać się jak aplikacja
Request przestał oznaczać nawigację. Browser utrzymuje aktualny dokument i sam decyduje, co zrobić z odpowiedzią serwera.