Matyas.
SlužbyProjektyZkušenostiBlogKontakt
ENOzvěte se
Zpět na slovník
uxweb-dev

Modální okno

Modální okno (nebo modální dialog) je UI prvek, který překrývá hlavní obsah a vyžaduje pozornost a interakci uživatele, než se může vrátit na stránku pod ním. Modály se používají pro potvrzení, formuláře, upozornění a náhledy obsahu. Správná implementace vyžaduje zachycení fokusu, klávesovou přístupnost (Escape pro zavření) a zablokování scrollování pozadí — což činí přístupné modály složitějšími, než se zdá.

#ux#web-dev

Související pojmy

JSX

JSX (JavaScript XML) je syntaktické rozšíření JavaScriptu používané především v Reactu, které umožňuje psát HTML-like značkování přímo v JavaScriptovém kódu. Nástroje jako Babel nebo SWC jej transpilují na běžná volání `React.createElement()` před odesláním do prohlížeče. JSX podporuje vkládání dynamických výrazů pomocí složených závorek, podmíněné renderování a mapování přes pole, což z něj činí mocný a intuitivní způsob deklarativního popisu UI struktur.

Canary release

Canary release je strategie nasazení, při které se nová verze postupně uvolňuje malé podmnožině uživatelů před zpřístupněním celému publiku. Automatizovaný monitoring porovnává chybovost, latenci a klíčové metriky mezi canary a stabilní verzí. Pokud canary funguje dobře, provoz se postupně přesouvá; pokud jsou detekovány anomálie, release se automaticky vrátí zpět, čímž se minimalizuje dopad potenciálních problémů.

Tree shaking

Tree shaking je technika eliminace mrtvého kódu používaná moderními bundlery jako Webpack, Rollup a esbuild k odstranění nepoužitých exportů z výsledného JavaScriptového bundlu. Spoléhá na statickou strukturu syntaxe ES modulů `import`/`export` k určení, který kód je skutečně referencován, a bezpečně odstraní zbytek. Pro efektivní tree shaking musí knihovny používat formát ESM a vyhnout se vedlejším efektům při inicializaci modulu, proto je důležité pole `sideEffects` v `package.json`.

Feature flag

Feature flag (také feature toggle) je technika, která umožňuje zapínat a vypínat funkcionalitu v produkci bez nutnosti nasazení nového kódu. Flagy mohou cílit na konkrétní uživatele, procenta nebo prostředí, čímž umožňují A/B testování, canary releasy a kill switche. Nástroje jako LaunchDarkly, Unleash a Statsig poskytují automatizovanou správu flagů s real-time vyhodnocováním a analytikou.

Správa stavu

Správa stavu označuje strategie a nástroje používané k práci s daty aplikace, jejich ukládání a synchronizaci mezi komponentami ve frontendové aplikaci. V Reactu může stav existovat lokálně v komponentách přes `useState`, sdílet se přes Context nebo být spravován externími knihovnami jako Redux, Zustand, Jotai nebo Recoil. Volba správného přístupu ke správě stavu závisí na složitosti aplikace — mnoho aplikací zbytečně adoptuje těžká řešení, kde by stačily jednodušší vzory.

Barevný kontrast

Barevný kontrast je měřitelný rozdíl v jasu mezi textem (nebo UI prvky) v popředí a jejich pozadím. Směrnice WCAG vyžadují minimální kontrastní poměr 4,5:1 pro běžný text a 3:1 pro velký text, aby byla zajištěna čitelnost pro uživatele se zrakovým postižením. Nástroje jako Chrome DevTools, Stark a WebAIM contrast checker pomáhají vývojářům ověřovat shodu během vývoje.

Všechna slova

Máte v hlavě projekt?

Ať už potřebujete webovou appku, mobilní appku nebo automatizaci s AI — ozvěte se a probereme, jak vám můžu pomoct.

Ozvěte se
Matyas.

Weby, mobilní appky a automatizace s AI. Pomáhám firmám šetřit čas i peníze technologií, která opravdu funguje.

Odkazy

  • Služby
  • Projekty
  • Zkušenosti
  • Blog
  • Slovník
  • Kontakt

Připravuji

  • Případové studieBrzy
  • Zdroje

© 2026 Matyas Prochazka. Všechna práva vyhrazena.