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

Wireframe

Wireframe je nízko-věrnostní vizuální reprezentace uživatelského rozhraní, která znázorňuje strukturu, rozložení a hierarchii obsahu bez detailního stylování nebo barev. Wireframy se zaměřují na to, jaké prvky se na stránce objeví a jak jsou uspořádány, a slouží jako plán před začátkem vizuálního designu. Pomáhají týmům sladit se na funkcionalitě a uživatelském toku v rané fázi procesu, kdy jsou změny nejlevnější.

Hluboké odkazování

Hluboké odkazování je schopnost nasměrovat uživatele na konkrétní obrazovku nebo obsah v mobilní nebo webové aplikaci pomocí URL, místo pouhého otevření domovské obrazovky aplikace. V React Native a Flutteru to zahrnuje konfiguraci URL schémat (např. `myapp://profile/123`) nebo universal/app linků fungujících napříč platformami. Deep linking je nezbytný pro směrování push notifikací, marketingové kampaně, sdílení obsahu mezi uživateli a plynulé přechody z webu do aplikace.

Nekonečné scrollování

Nekonečné scrollování je UX vzor, při kterém se nový obsah automaticky načítá, jakmile uživatel scrolluje ke spodní části stránky, čímž odpadá tradiční stránkování. Běžně se používá v sociálních sítích a rozhraních pro objevování obsahu. I když zvyšuje zapojení a působí plynule, bez virtualizace může zhoršovat výkon a uživatelům ztěžuje přístup k patičce stránky nebo uložení konkrétní pozice.

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`.

Komponenta vyššího řádu

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.

Řízená komponenta

Řízená komponenta je formulářový element v Reactu, jehož hodnota je řízena React stavem místo interním stavem DOM. Hodnota komponenty se nastavuje přes prop `value` a aktualizuje se přes handler `onChange`, čímž React získává plnou kontrolu nad formulářovými daty. Tento vzor umožňuje validaci při každém stisku klávesy, podmíněné deaktivování tlačítka odeslání a vynucování formátů vstupu, což z něj činí doporučený přístup pro práci s formuláři v React aplikacích.

Všechna slova
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.