JSX

Komponenta vyššího řádu (HOC) je pokročilý React vzor, kde funkce přijme komponentu jako vstup a vrátí novou vylepšenou komponentu s dodatečnými props nebo chováním. Běžné použití zahrnuje přidání kontrol autentizace, sledování analytiky nebo logiky načítání dat ke stávajícím komponentám. Zatímco HOC byly hlavním vzorem znovupoužití kódu v třídovém Reactu, v moderním funkcionálním kódu je do značné míry nahradily vlastní hooky díky jednoduššímu modelu kompozice.

Virtuální DOM je lehká paměťová reprezentace skutečného DOM prohlížeče, kterou React používá k optimalizaci aktualizací UI. Při změně stavu React vytvoří nový strom virtuálního DOM, porovná ho s předchozím procesem zvaným reconciliace a vypočítá minimální sadu skutečných DOM mutací. Tento přístup dávkování a porovnávání se vyhýbá nákladné přímé manipulaci s DOM a byl klíčovou inovací, díky které je deklarativní model Reactu výkonný.

Kubernetes (zkráceně K8s) je open-source platforma pro orchestraci kontejnerů, která automatizuje nasazování, škálování a správu kontejnerizovaných aplikací. Požadovaný stav workloadů popíšete v YAML manifestech a Kubernetes průběžně srovnává skutečný stav s požadovaným. Řeší load balancing, rolling updaty, samoopravování spadlých kontejnerů a správu tajemství, čímž se stal průmyslovým standardem pro provoz produkčních aplikací ve velkém měřítku.

Tmavý režim je barevné schéma rozhraní, které používá světlý text a prvky na tmavém pozadí. Snižuje únavu očí při slabém osvětlení, může šetřit baterii na OLED displejích a stal se očekávanou funkcí moderních aplikací. Implementace obvykle využívá CSS custom properties nebo design tokeny, které přepínají mezi světlým a tmavým tématem, často s respektováním systémového nastavení uživatele pomocí media query `prefers-color-scheme`.

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.

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.