Přístupnost

View Transitions API je nativní způsob prohlížeče pro tvorbu animovaných přechodů mezi různými stavy DOM nebo navigacemi stránek, což bylo dříve možné pouze se složitými JavaScriptovými animačními knihovnami. Zachytí snímek aktuálního stavu, aplikuje DOM aktualizaci a poté animuje přechod mezi starým a novým snímkem pomocí CSS. Toto API funguje pro změny stavu v single-page aplikacích i navigace mezi stránkami, čímž umožňuje plynulé přechody s minimem kódu.

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

Hluboké odkazování je schopnost nasměrovat uživatele na konkrétní obrazovku nebo obsah v mobilní nebo webové aplikaci pomocí URL, místo pouhého otevření domovské obrazovky aplikace. V React Native a Flutteru to zahrnuje konfiguraci URL schémat (např. `myapp://profile/123`) nebo universal/app linků fungujících napříč platformami. Deep linking je nezbytný pro směrování push notifikací, marketingové kampaně, sdílení obsahu mezi uživateli a plynulé přechody z webu do aplikace.

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.

Automatické škálování je schopnost systému automaticky upravovat počet běžících instancí nebo přidělených zdrojů na základě aktuální poptávky. Při nárůstu provozu se připojí nové instance; při poklesu se přebytečné zdroje uvolní kvůli úspoře nákladů. Cloudové platformy jako AWS, GCP a Azure nabízejí auto-scaling skupiny s konfigurovatelnými politikami na základě využití CPU, počtu požadavků, hloubky fronty nebo vlastních metrik.

Designový systém je sbírka znovupoužitelných komponent, pravidel a standardů, které zajišťují vizuální a funkční konzistenci napříč produktem nebo skupinou produktů. Typicky zahrnuje knihovnu komponent, design tokeny, typografická pravidla, barevné palety a dokumentaci. Designové systémy propojují práci designérů a vývojářů a umožňují týmům stavět rozhraní rychleji při zachování jednotného vzhledu.