1 of 14

React Server Components

Filip Štaffa

2 of 14

3 of 14

1995 - server side

Načíst data z DB

Vyrendarova HTML

Akce - form post

4 of 14

2005 trocha JavaScriptu

Načíst data z DB

Vyrendarova HTML

Akce - Ajax request a spinner

5 of 14

2015 React

Načtení dat z DB

API

Načtení data z API

State management

Spinner

Zobrazení dat

Update - optimistický

6 of 14

2025 RSC

Načíst data z DB

Vyrendarova HTML

Akce - React server action a spinner

7 of 14

React client components

8 of 14

React server component

9 of 14

React server component

Součástí React 19 (zatím release candidate) nebo Next.js 13+

Beží na serveru

Výsledkem je HTML obohacené JavaScriptem (rozdíl oproti SSR)

Interaktivitu dodávají Client komponenty

10 of 14

RSC stream

11 of 14

React server action

12 of 14

Výhody

Nevýhody

Jednodušší

  • Mizí vrstva API
  • Často není potřeba klientský stav
  • Mohou automaticky řešit spinner

Bývají rychlejší

Vyžadují meta framework (zatím Next.js)

Hůře srozumitelný RSC stream protokol

13 of 14

Otázky

14 of 14

Zdroje