Nekonečné scrollování

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.

JSX (JavaScript XML) je syntaktické rozšíření JavaScriptu používané především v Reactu, které umožňuje psát HTML-like značkování přímo v JavaScriptovém kódu. Nástroje jako Babel nebo SWC jej transpilují na běžná volání `React.createElement()` před odesláním do prohlížeče. JSX podporuje vkládání dynamických výrazů pomocí složených závorek, podmíněné renderování a mapování přes pole, což z něj činí mocný a intuitivní způsob deklarativního popisu UI struktur.

Headless UI označuje knihovny komponent, které poskytují chování, správu stavu a logiku přístupnosti bez jakéhokoliv předdefinovaného stylování nebo markupu. Knihovny jako Radix Primitives, Headless UI od Tailwind Labs a React Aria dávají vývojářům plnou kontrolu nad vizuální prezentací a zároveň řeší složité vzory jako správu fokusu, klávesovou navigaci a ARIA atributy. Tento přístup odděluje funkcionalitu od designu, což je ideální pro vlastní designové systémy.

CSS vlastní vlastnosti (také nazývané CSS proměnné) umožňují definovat znovupoužitelné hodnoty syntaxí `--my-variable` a odkazovat na ně kdekoli pomocí `var(--my-variable)`. Na rozdíl od proměnných v preprocesorech Sass nebo Less jsou živé v prohlížeči, kaskádují přes DOM a lze je dynamicky měnit JavaScriptem. Jsou nezbytné pro systémy motivů, implementaci tmavého režimu a udržování konzistentních designových tokenů v rozsáhlých stylech.

Redux je knihovna pro prediktivní správu stavu, která ukládá celý stav aplikace v jediném neměnném úložišti, aktualizovaném výhradně prostřednictvím dispatchovaných akcí a čistých reducer funkcí. Redux Toolkit (RTK) je nyní doporučený způsob použití Reduxu, který dramaticky snižuje boilerplate pomocí utilit jako `createSlice` a `createAsyncThunk`. Zatímco Redux zůstává populární ve velkých enterprise aplikacích, lehčí alternativy jako Zustand získaly na popularitě pro jednodušší případy použití.

Design tokeny jsou nejmenší jednotky designového systému — pojmenované hodnoty reprezentující barvy, rozestupy, typografii, zaoblení rohů a další vizuální vlastnosti. Fungují jako jediný zdroj pravdy, který lze převést do formátů specifických pro danou platformu (CSS proměnné, Swift konstanty, XML resources). Změnou hodnot tokenů na jednom místě lze aktualizovat vzhled celé aplikace napříč platformami najednou.