Redux

Hydratace je proces, při kterém klientský JavaScript framework připojuje event listenery a interaktivitu k serverem vyrenderovanému HTML. Poté, co server odešle předrenderované HTML pro rychlé počáteční zobrazení, framework jej „hydratuje" tak, že sladí svou virtuální reprezentaci s existujícím DOM a učiní jej interaktivním. Hydratace může být na složitých stránkách nákladná, což vedlo k inovacím jako částečná hydratace, progresivní hydratace a selektivní hydratace Reactu se Suspense.

Knihovna komponent je sada předpřipravených, znovupoužitelných UI prvků — tlačítek, vstupních polí, modálních oken, karet — připravených pro konzistentní použití napříč projekty. Knihovny jako Material UI, Chakra UI nebo Radix poskytují přístupné, tématicky upravitelné stavební bloky, díky kterým vývojáři nemusí znovu vynalézat běžné vzory. Dobře udržovaná knihovna komponent výrazně zkracuje dobu vývoje a zajišťuje vizuální konzistenci aplikace.

Přístupnost (často zkráceně a11y) je praxe navrhování a tvorby webových stránek a aplikací tak, aby je mohli používat všichni, včetně lidí se zrakovým, motorickým, sluchovým nebo kognitivním postižením. Zahrnuje správné sémantické značkování, podporu navigace klávesnicí, dostatečný barevný kontrast a kompatibilitu se čtečkami obrazovky. Kromě etické odpovědnosti je přístupnost v mnoha jurisdikcích stále častěji i zákonným požadavkem.

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í.

Flexbox (Flexible Box Layout) je jednorozměrný CSS model rozvržení navržený pro distribuci prostoru a zarovnání prvků v kontejneru podél jedné osy — horizontální nebo vertikální. Vyniká při práci s dynamickými velikostmi obsahu, centrování elementů a tvorbě flexibilních navigačních lišt, řad karet a formulářových rozvržení. Vlastnosti jako `justify-content`, `align-items` a `flex-grow` poskytují detailní kontrolu nad sdílením dostupného prostoru.

CSS Grid je dvourozměrný systém rozvržení, který umožňuje definovat řádky a sloupce současně, což jej činí ideálním pro složité rozvržení stránek. Na rozdíl od Flexboxu, který pracuje vždy v jedné ose, Grid umožňuje přesně umísťovat prvky jak horizontálně, tak vertikálně pomocí pojmenovaných oblastí nebo čísel řádků. Funkce jako `grid-template-areas`, `auto-fill` a `minmax()` umožňují vytvářet responzivní rozvržení s minimem kódu.