Sémantické HTML

Toast notifikace je malá, nerušivá zpráva, která se krátce zobrazí na obrazovce — obvykle nahoře nebo dole — a poskytuje zpětnou vazbu o akci, aniž by přerušila práci uživatele. Na rozdíl od modálních oken se toasty automaticky zavřou po několika sekundách a nevyžadují interakci. Běžně se používají pro potvrzení uložení, hlášení chyb nebo zobrazení stavových aktualizací. Přístupné implementace využívají ARIA live regiony, aby čtečky obrazovky zprávu přečetly.

Atomický design je metodologie Brada Frosta pro tvorbu designových systémů rozdělením rozhraní do pěti hierarchických úrovní: atomy (základní HTML elementy), molekuly (jednoduché skupiny komponent), organismy (složité UI sekce), šablony (rozvržení na úrovni stránky) a stránky (konkrétní instance se skutečným obsahem). Tento přístup poskytuje konzistentní mentální model pro organizaci knihoven komponent v React, React Native nebo Flutter projektech a zajišťuje systematickou škálovatelnost UI.

Reconciliace je algoritmus Reactu pro porovnání předchozího a aktuálního stromu virtuálního DOM za účelem určení minimálního počtu změn potřebných k aktualizaci skutečného DOM. React používá heuristiky jako porovnání typu elementu a prop `key` k efektivnímu rozhodnutí, zda DOM uzly aktualizovat, nahradit nebo odstranit. Pochopení reconciliace vysvětluje, proč záleží na unikátních `key` propech u položek seznamu — bez nich React nedokáže spolehlivě sledovat, které položky se změnily.

Next.js je full-stack React framework od Vercelu, který poskytuje serverové renderování, generování statických stránek, API routes, souborový routing a vestavěné optimalizace. Jeho App Router (představený ve verzi 13) používá ve výchozím nastavení React serverové komponenty, což umožňuje nové paradigma server-first renderování se selektivní klientskou interaktivitou. Next.js se stal de facto standardem pro produkční React aplikace díky optimalizacím výkonu, vývojářskému zážitku a flexibilitě nasazení.

Serverové renderování (SSR) je technika, při které se webové stránky renderují do HTML na serveru pro každý požadavek, místo aby se spoléhalo na klientský JavaScript pro sestavení stránky v prohlížeči. SSR poskytuje rychlejší počáteční načtení stránky a lepší SEO, protože vyhledávače obdrží kompletní HTML obsah. Moderní SSR ve frameworcích jako Next.js podporuje streaming, který umožňuje serveru progresivně odesílat HTML fragmenty, jakmile jsou připraveny.

CSS moduly jsou CSS soubory, kde jsou všechny názvy tříd ve výchozím nastavení lokálně omezené — při sestavení se automaticky transformují na unikátní identifikátory, čímž předcházejí kolizím názvů. Importují se do JavaScriptu jako objekt a třídy se odkazují jako `styles.button` místo prostých řetězců. Tento přístup je nativně podporován bundlery jako Webpack, Vite a Next.js a nabízí izolaci stylů bez runtime zátěže CSS-in-JS.