Terraform

Optimistické UI je vzor, při kterém rozhraní okamžitě zobrazí očekávaný výsledek akce uživatele, ještě než ji server potvrdí. Například tlačítko „lajk" okamžitě ukáže stav po liknutí, zatímco API požadavek probíhá na pozadí. Díky tomu aplikace působí výrazně rychleji a responzivněji. Pokud požadavek na server selže, UI se vrátí do předchozího stavu a uživatele upozorní.

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.

Props drilling je praxe předávání dat přes více úrovní mezilehlých komponent, které data samy nepoužívají, pouze je předávají hluboce vnořené komponentě, která je potřebuje. To vytváří těsnou vazbu mezi komponentami a ztěžuje refaktoring. Běžná řešení zahrnují Context API pro globální stav, knihovny pro správu stavu jako Zustand nebo Redux, nebo vzory kompozice komponent, které restrukturalizují strom a snižují hloubku vnoření.

CI/CD (kontinuální integrace / kontinuální nasazení) je soubor praktik, které automatizují sestavení, testování a nasazení kódu při každém pushnutí změn. Kontinuální integrace slučuje kód do sdílené větve a spouští automatické testy, zatímco kontinuální nasazení automaticky uvolňuje ověřené změny do produkce. Společně tvoří základ moderního dodávání softwaru, snižují chybovost a urychlují release cykly.

Sémantické HTML znamená používání HTML elementů, které jasně popisují svůj význam a účel, jako jsou `<article>`, `<nav>`, `<header>` a `<section>`, namísto generických `<div>` tagů. Tento přístup zlepšuje přístupnost pro čtečky obrazovky, pomáhá vyhledávačům lépe pochopit strukturu stránky a činí kód čitelnějším pro ostatní vývojáře. Je považován za základní osvědčený postup v moderním webovém vývoji.

Container Queries umožňují CSS stylům reagovat na velikost rodičovského kontejneru místo viewportu prohlížeče, čímž řeší dlouhodobé omezení media queries. Označením elementu jako kontejneru pomocí `container-type` mohou jeho potomci využívat pravidla `@container` k přizpůsobení rozvržení podle rozměrů kontejneru. To umožňuje skutečně znovupoužitelné komponenty — komponenta karty se může přeuspořádat, ať už je v postranním panelu nebo v sekci na celou šířku.