Redux

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.

Blue-green nasazení je strategie vydávání, která udržuje dvě identická produkční prostředí — „blue" (aktuální) a „green" (nová verze). Provoz se přepne z blue na green až po úspěšném projití všech health checků, což umožňuje nasazení bez výpadků. Pokud se objeví problémy, provoz lze okamžitě přesměrovat zpět na blue prostředí, čímž se rollback stává triviálním a plně automatizovaným.

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.

Toast notifikace je malá, nerušivá zpráva, která se krátce zobrazí na obrazovce — obvykle nahoře nebo dole — a poskytuje zpětnou vazbu o akci, aniž by přerušila práci uživatele. Na rozdíl od modálních oken se toasty automaticky zavřou po několika sekundách a nevyžadují interakci. Běžně se používají pro potvrzení uložení, hlášení chyb nebo zobrazení stavových aktualizací. Přístupné implementace využívají ARIA live regiony, aby čtečky obrazovky zprávu přečetly.

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.

CSS moduly jsou CSS soubory, kde jsou všechny názvy tříd ve výchozím nastavení lokálně omezené — při sestavení se automaticky transformují na unikátní identifikátory, čímž předcházejí kolizím názvů. Importují se do JavaScriptu jako objekt a třídy se odkazují jako `styles.button` místo prostých řetězců. Tento přístup je nativně podporován bundlery jako Webpack, Vite a Next.js a nabízí izolaci stylů bez runtime zátěže CSS-in-JS.