ARIA

Afordance je designová vlastnost, která naznačuje, jak by se měl prvek používat — vystupující tlačítko vypadá klikatelně, úchyt vypadá přetahovatelně, podtržený text vypadá jako odkaz. V UI designu vnímané afordance vedou uživatele ke správným interakcím bez explicitních instrukcí. Když afordance chybí nebo jsou zavádějící (například text, který vypadá klikatelně, ale není), uživatelé zažívají zmatení a frustraci.

Internacionalizace (i18n) je proces návrhu softwaru tak, aby jej bylo možné přizpůsobit různým jazykům, regionům a kulturám bez změn kódu. Zahrnuje externalizaci textových řetězců, podporu rozložení zprava doleva (RTL), zpracování formátování dat/čísel/měn a přizpůsobení se roztažení textu. Knihovny jako react-intl, next-intl a i18next poskytují infrastrukturu pro správu překladů a lokalizovaného formátování v JavaScript aplikacích.

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

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.

Responzivní design je přístup k webovému vývoji, při kterém se rozvržení, obrázky a prvky UI plynule přizpůsobují různým velikostem obrazovek a zařízení. Spoléhá na flexibilní mřížky, media queries a relativní jednotky jako `rem`, `%` a `vw` pro zajištění konzistentního zážitku od mobilních telefonů po velké monitory. Moderní responzivní design stále více využívá CSS Container Queries a techniky vnitřního rozměrování k tvorbě komponent reagujících na svůj kontejner místo viewportu.