React - co to je a kdy se hodí?

React je open-source JavaScriptová knihovna pro tvorbu uživatelských rozhraní. Vytvořila ji v roce 2013 firma Meta (tehdejší Facebook) pro vlastní web a postupně z ní udělala nejpoužívanější nástroj frontend vývoje na světě. Podle posledních průzkumů (Stack Overflow Developer Survey) React používá kolem 40 % světových frontend vývojářů.

Pozor - React není celý framework jako Angular. Je to "stavební díl", který se kombinuje s dalšími nástroji (router, fetch knihovna, state management).

Aktuální stav (duben 2026)

V říjnu 2025 vyšel React 19.2 a zároveň první stable verze React Compileru. Compiler je zásadní změna - automaticky optimalizuje výkon (memoizace, tedy cachování výsledků výpočtů) bez ručního zásahu vývojáře. Hooks useMemo a useCallback už nemusíte psát ručně, Compiler je doplní automaticky.

Druhá novinka jsou Server Components. V React 19.2 jsou plně stabilní. Část komponent běží na serveru a do prohlížeče se posílá jen výsledek, ne JavaScript. Mentální model se tím přibližuje klasickému PHP nebo Nette.

Jak to funguje (pro netechnika)

Představte si web jako Lego. Místo aby celá stránka byla jeden velký monolit, React ji rozdělí na malé znovupoužitelné kostky - tlačítko, formulář, košík, navigace. Každá kostka (komponenta) ví, jak vypadá a jak reagovat na akce uživatele.

Když uživatel něco udělá (klikne, napíše, posune), React vyhodnotí, co se má změnit, a překreslí jen tu změněnou kostku - ne celou stránku. To je důvod, proč moderní webové aplikace působí tak rychle.

JSX umožňuje psát HTML a JavaScript v jednom souboru. Hooks jsou funkce, kterými komponenta reaguje na události - například načtení dat nebo změnu hodnoty.

Cena

React sám je zdarma navždy (MIT licence, open-source). Skutečné náklady jsou v implementaci:

• Český vývojář junior až mid-level - 600-1 200 Kč/h
• Senior - 1 200-1 800 Kč/h
• Hosting (Vercel, Netlify, Cloudflare Pages) - od 0 do 500 Kč/měsíc pro malé projekty
• Pipeline, monitoring, Sentry, CI/CD - extra

Kdy React použít a kdy ne

Vhodné - SaaS aplikace, dashboardy, administrace, e-shop checkout, single-page apps, real-time UI (chaty, kolaborace), aplikace s mnoha stavy a interaktivitou.

Nevhodné - klasická firemní prezentace o 5 stránkách, blog nebo magazín (lépe Astro nebo WordPress), Landing page (čisté HTML/CSS je rychlejší a levnější). V těchto případech je React zbytečně velký nástroj.

Srovnání s alternativami

• Vue - jednodušší na učení, menší ekosystém, kolem 19 % vývojářů (Stack Overflow Survey)
• Angular - striktnější framework, TypeScript-first, hodí se na velké korporátní týmy
• Svelte / Solid - rychlejší v runtime (kompilují přímo do JS), ale menší ekosystém a menší výběr dostupných vývojářů

React vyhrává hlavně velikostí ekosystému (největší knihovna komponent na npm) a počtem dostupných vývojářů.

Limity

• SEO - čistý React (SPA) je pro Google špatně indexovatelný. Řeší se to přes Next.js (server-side rendering) nebo statické generování stránek
• Velikost stažených dat - výchozí balík JavaScriptu je velký, zpomaluje první vykreslení stránky na pomalých zařízeních
• Učící křivka - hooks, kontext, server components - junior se učí měsíce
• Změny paradigmatu - každé 2-3 roky React změní přístup (class -> hooks -> server components -> Compiler). Týmy musí přepisovat

Co kolem Reactu v praxi je

Skoro nikdy se nepoužívá samotný React. Standardy k dubnu 2026:

• Next.js - dominantní framework nad Reactem, App Router + Server Components
• Remix / React Router v7 - od 2025 sloučené, alternativa k Next.js
• TanStack Query - de facto standard pro stav dat ze serveru
• Zustand - výchozí volba pro stav v prohlížeči, Redux ustupuje

V Česku používá React například Seznam.cz přes vlastní open-source framework IMA.js. Větší e-shopy a SaaS produkty - běžně Next.js stack.

Pro rozhodování, jestli React váš projekt opravdu potřebuje, pomůže tenhle článek o volbě platformy. Pro klasický firemní web s blogem a kontaktem je často rychlejší a levnější Nette nebo statický generátor. Pokud řešíte, jestli React váš projekt opravdu potřebuje, napište mi - probereme, co dává smysl konkrétně u vás.