Přístupnost

React serverové komponenty (RSC) jsou komponenty, které se renderují výhradně na serveru a klientovi odesílají pouze svůj HTML výstup bez jakéhokoli dopadu na velikost JavaScriptového bundlu. Mohou přímo přistupovat k databázím, souborovému systému a backendovým službám bez API endpointů. V kombinaci s klientskými komponentami (označenými `'use client'`) umožňují RSC hybridní architekturu, kde interaktivní části posílají JavaScript, zatímco statické části zůstávají pouze na serveru. Next.js App Router používá RSC jako výchozí model komponent.

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.

BEM (Block Element Modifier) je CSS konvence pojmenování, která strukturuje názvy tříd jako `.block__element--modifier` pro vytvoření jasných, předvídatelných vztahů mezi HTML a CSS. Například `.card__title--highlighted` identifikuje zvýrazněný element nadpisu v bloku karty. Ačkoli moderní nástroje jako CSS Modules a utility frameworky snížily nutnost BEM, zůstává široce používán ve velkých kódových základnách a designových systémech, kde explicitní konvence pojmenování usnadňují týmovou koordinaci.

Tailwind CSS je utility-first CSS framework, který poskytuje nízkoúrovňové utility třídy jako `flex`, `pt-4`, `text-center` a `bg-blue-500` pro tvorbu designů přímo ve značkování. Místo psaní vlastního CSS skládáte předpřipravené třídy k vytvoření jakéhokoli designu, což díky automatickému odstranění nepoužitých stylů vede k menším výsledným CSS souborům. Konfigurační soubor umožňuje plné přizpůsobení designového systému včetně barev, mezer, breakpointů a typografie.

Progresivní vylepšování je strategie webového vývoje, která začíná se základním funkčním HTML obsahem dostupným ve všech prohlížečích a poté přidává CSS styly a JavaScript interaktivitu pro schopnější prostředí. Tento přístup zajišťuje, že základní funkcionalita funguje všude, zatímco uživatelé s moderními prohlížeči získají bohatší zážitek. Kontrastuje s přístupem graceful degradation, který začíná plným zážitkem a řeší případné nedostatky zpětně.

Shadow DOM je API prohlížeče, které umožňuje připojit k elementu skrytý, zapouzdřený DOM strom s izolovanými styly a značkami od zbytku stránky. CSS definované uvnitř Shadow DOM nepronikne ven a vnější styly se nedostanou dovnitř. Jde o klíčovou technologii stojící za Web Components, kterou frameworky využívají k dosažení skutečné izolace stylů bez nutnosti konvencí pojmenování CSS.