Správa stavu

Správa fokusu je praxe řízení toho, který prvek přijímá klávesový fokus ve webové aplikaci, zejména při dynamických změnách obsahu. Když se otevře modální okno, fokus by se měl přesunout do něj; když se zavře, fokus by se měl vrátit na spouštěcí prvek. Správná správa fokusu je nezbytná pro uživatele klávesnice a čteček obrazovky a zahrnuje techniky jako focus trapping, roving tabindex a programatické nastavení fokusu pomocí `element.focus()`.

Memoizace v Reactu je optimalizace výkonu, která ukládá do cache výsledky nákladných výpočtů nebo renderů komponent, aby se předešlo zbytečné práci při překreslování. React poskytuje `React.memo()` pro přeskočení překreslení komponenty, když se její props nezměnily, `useMemo()` pro cachování vypočtených hodnot a `useCallback()` pro cachování referencí funkcí. Ačkoli je memoizace mocná, předčasná memoizace přidává složitost — nejlépe se aplikuje po tom, co profilování potvrdí skutečný problém s výkonem.

Generování statických stránek (SSG) je strategie renderování, při které se HTML stránky předgenerují v době sestavení, místo aby se generovaly při každém požadavku. Výsledné statické soubory lze servírovat z CDN s extrémně rychlými načítacími časy a minimální serverovou infrastrukturou. Frameworky jako Next.js, Gatsby a Astro podporují SSG, často v kombinaci s Incremental Static Regeneration (ISR) pro aktualizaci konkrétních stránek na pozadí bez přestavění celého webu.

Nekonečné scrollování je UX vzor, při kterém se nový obsah automaticky načítá, jakmile uživatel scrolluje ke spodní části stránky, čímž odpadá tradiční stránkování. Běžně se používá v sociálních sítích a rozhraních pro objevování obsahu. I když zvyšuje zapojení a působí plynule, bez virtualizace může zhoršovat výkon a uživatelům ztěžuje přístup k patičce stránky nebo uložení konkrétní pozice.

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.

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.