Progresivní vylepšování

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.

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.

Knihovna komponent je sada předpřipravených, znovupoužitelných UI prvků — tlačítek, vstupních polí, modálních oken, karet — připravených pro konzistentní použití napříč projekty. Knihovny jako Material UI, Chakra UI nebo Radix poskytují přístupné, tématicky upravitelné stavební bloky, díky kterým vývojáři nemusí znovu vynalézat běžné vzory. Dobře udržovaná knihovna komponent výrazně zkracuje dobu vývoje a zajišťuje vizuální konzistenci aplikace.

Reconciliace je algoritmus Reactu pro porovnání předchozího a aktuálního stromu virtuálního DOM za účelem určení minimálního počtu změn potřebných k aktualizaci skutečného DOM. React používá heuristiky jako porovnání typu elementu a prop `key` k efektivnímu rozhodnutí, zda DOM uzly aktualizovat, nahradit nebo odstranit. Pochopení reconciliace vysvětluje, proč záleží na unikátních `key` propech u položek seznamu — bez nich React nedokáže spolehlivě sledovat, které položky se změnily.

Smoke testování je rychlé automatizované ověření, že nejkritičtější funkce aplikace fungují po novém nasazení nebo sestavení. Místo spuštění celé testovací sady smoke testy kontrolují základní cesty — spustí se aplikace, funguje přihlášení, odpovídají klíčové API endpointy. Obvykle jsou první automatizovanou bránou v nasazovacím pipeline a zachytávají katastrofální selhání dříve, než se spustí nákladnější testy.

Drobečková navigace je sekundární navigační vzor, který ukazuje aktuální pozici uživatele v hierarchii webu jako řetězec odkazů (např. Domů > Produkty > Boty). Pomáhá uživatelům pochopit, kde se nacházejí, a rychle se vrátit na nadřazené stránky bez použití tlačítka Zpět v prohlížeči. Správná implementace využívá uspořádaný seznam v prvku `<nav>` s atributem `aria-label="Breadcrumb"` pro přístupnost.