kypyAudit zdarma

React Server Components

React Server Components jsou komponenty, které se vykonají a vyrenderují na serveru a klientovi pošlou jen hotové HTML, ne JavaScript kód komponenty samotné.

Rozdíl proti klasickým React komponentám: server komponenta se nikdy nestáhne do prohlížeče jako JS — jen její výsledek. To znamená menší balík JavaScriptu, který musí prohlížeč stáhnout, zpracovat a spustit, což přímo zrychluje čas do interaktivity.

Ne každá komponenta může být server komponenta — cokoliv, co potřebuje interaktivitu v prohlížeči (formulář, animace, stav), musí zůstat klientská (`"use client"`). Rozumné rozdělení mezi serverem a klientem je jedno z hlavních architektonických rozhodnutí při stavbě v Next.js App Router.

Přínos je měřitelný v množství JavaScriptu, který web posílá — méně JS znamená rychlejší načtení na slabším mobilním připojení, což se přímo promítá do Core Web Vitals a nepřímo do konverze.

Související služba

Vývoj v Next.js

Související pojmy