Smoke testování

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.

Headless UI označuje knihovny komponent, které poskytují chování, správu stavu a logiku přístupnosti bez jakéhokoliv předdefinovaného stylování nebo markupu. Knihovny jako Radix Primitives, Headless UI od Tailwind Labs a React Aria dávají vývojářům plnou kontrolu nad vizuální prezentací a zároveň řeší složité vzory jako správu fokusu, klávesovou navigaci a ARIA atributy. Tento přístup odděluje funkcionalitu od designu, což je ideální pro vlastní designové systémy.

Hydratace je proces, při kterém klientský JavaScript framework připojuje event listenery a interaktivitu k serverem vyrenderovanému HTML. Poté, co server odešle předrenderované HTML pro rychlé počáteční zobrazení, framework jej „hydratuje" tak, že sladí svou virtuální reprezentaci s existujícím DOM a učiní jej interaktivním. Hydratace může být na složitých stránkách nákladná, což vedlo k inovacím jako částečná hydratace, progresivní hydratace a selektivní hydratace Reactu se Suspense.

Git hooky jsou skripty, které Git automaticky spouští před nebo po událostech jako commit, push a merge. Běžné příklady zahrnují pre-commit hooky spouštějící lintry a formátovače, commit-msg hooky vynucující konvence v commit zprávách a pre-push hooky spouštějící testy. Nástroje jako Husky a lint-staged usnadňují správu hooků v týmu a zachycují problémy dříve, než se dostanou do vzdáleného repozitáře.

Shadow DOM je API prohlížeče, které umožňuje připojit k elementu skrytý, zapouzdřený DOM strom s izolovanými styly a značkami od zbytku stránky. CSS definované uvnitř Shadow DOM nepronikne ven a vnější styly se nedostanou dovnitř. Jde o klíčovou technologii stojící za Web Components, kterou frameworky využívají k dosažení skutečné izolace stylů bez nutnosti konvencí pojmenování CSS.

Context API v Reactu poskytuje způsob předávání dat skrz strom komponent bez ručního propasovávání props přes každou mezilehlou úroveň. Kontext se vytvoří pomocí `createContext`, podstrom se obalí `Providerem` a hodnota se konzumuje kdekoli níže pomocí `useContext`. Je ideální pro globální záležitosti jako motivy, stav autentizace nebo lokalizaci, ale měl by se používat uvážlivě, protože jakákoli změna hodnoty kontextu překreslí všechny konzumující komponenty.