Generování statických stránek

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.

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

CSS-in-JS je přístup, při kterém se styly píší přímo v JavaScriptových souborech, často společně s komponentami, které stylují. Knihovny jako Styled Components, Emotion a Stitches generují unikátní názvy tříd při sestavení nebo za běhu, čímž eliminují konflikty stylů. Ačkoli tento přístup umožňuje dynamické stylování na základě props a plné zapouzdření, trend se kvůli výkonnostním obavám přesouvá k řešením bez runtime zátěže a utility-first CSS.

Dělení kódu je optimalizační technika, která rozděluje JavaScriptový bundle na menší části načítané na vyžádání, místo aby se uživatelé museli stahovat celou aplikaci najednou. V Reactu se toho dosahuje pomocí `React.lazy()` a dynamických `import()` výrazů, které vytvářejí samostatné bundly načítané až při přístupu k odpovídající komponentě nebo cestě. To dramaticky zlepšuje počáteční načítací časy, zejména u velkých single-page aplikací s mnoha cestami.

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.

Styled Components je populární CSS-in-JS knihovna pro React a React Native, která využívá tagged template literals ke stylování komponent. Automaticky generuje unikátní názvy tříd, podporuje dynamické stylování na základě props, zajišťuje vendor prefixing a poskytuje plné možnosti themování. Knihovna umísťuje styly společně s komponentami, což usnadňuje pochopení vzhledu každé komponenty a bezpečné mazání stylů při odstraňování komponent.