Matyas.
SlužbyProjektyZkušenostiBlogKontakt
ENOzvěte se
Slovníček

Slovník

Klíčové pojmy a koncepty z webového vývoje, AI a softwarového inženýrství vysvětlené srozumitelně.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Chain of Thought

Chain of Thought (CoT) je technika promptování, která vybízí LLM k rozložení složitého uvažování na mezikroky před dosažením konečné odpovědi. Explicitním uvažováním přes jednotlivé kroky modely dosahují výrazně lepší přesnosti u matematických, logických a vícekrokových problémů. Rozšířené myšlení a „thinking" tokeny u modelů jako Claude představují zabudovanou formu chain-of-thought uvažování.

ai

Dělení kódu

Dělení kódu je optimalizační technika, která rozděluje JavaScriptový bundle na menší části načítané na vyžádání, místo aby se uživatelé museli stahovat celou aplikaci najednou. V Reactu se toho dosahuje pomocí `React.lazy()` a dynamických `import()` výrazů, které vytvářejí samostatné bundly načítané až při přístupu k odpovídající komponentě nebo cestě. To dramaticky zlepšuje počáteční načítací časy, zejména u velkých single-page aplikací s mnoha cestami.

reactweb-devproductivity

Kognitivní zátěž

Kognitivní zátěž označuje množství mentálního úsilí potřebného k používání rozhraní. V UX designu snížení kognitivní zátěže znamená zjednodušení voleb, minimalizaci rušivých elementů a postupné předkládání informací, aby uživatelé nebyli zahlceni. Techniky jako konzistentní rozložení, jasná vizuální hierarchie, známé vzory a rozumné výchozí hodnoty pomáhají udržet kognitivní zátěž zvládnutelnou a umožňují uživatelům soustředit se na své skutečné úkoly.

ux

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.

uxweb-dev

Knihovna komponent

Knihovna komponent je sada předpřipravených, znovupoužitelných UI prvků — tlačítek, vstupních polí, modálních oken, karet — připravených pro konzistentní použití napříč projekty. Knihovny jako Material UI, Chakra UI nebo Radix poskytují přístupné, tématicky upravitelné stavební bloky, díky kterým vývojáři nemusí znovu vynalézat běžné vzory. Dobře udržovaná knihovna komponent výrazně zkracuje dobu vývoje a zajišťuje vizuální konzistenci aplikace.

uxweb-devreact

Počítačové vidění

Počítačové vidění je oblast AI, která trénuje stroje k interpretaci a porozumění vizuálním informacím z obrázků a videí. Aplikace zahrnují detekci objektů, rozpoznávání obličejů, autonomní řízení a analýzu medicínských snímků. Moderní počítačové vidění využívá modely hlubokého učení jako CNN a vision transformery (ViT) a stále více se integruje s jazykovými modely v multimodálních AI systémech.

ai

Container queries

Container Queries umožňují CSS stylům reagovat na velikost rodičovského kontejneru místo viewportu prohlížeče, čímž řeší dlouhodobé omezení media queries. Označením elementu jako kontejneru pomocí `container-type` mohou jeho potomci využívat pravidla `@container` k přizpůsobení rozvržení podle rozměrů kontejneru. To umožňuje skutečně znovupoužitelné komponenty — komponenta karty se může přeuspořádat, ať už je v postranním panelu nebo v sekci na celou šířku.

web-dev

Context API

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.

reactweb-dev

Kontextové okno

Kontextové okno je maximální množství textu (měřené v tokenech), které LLM může zpracovat v jedné interakci, zahrnující vstupní prompt i generovaný výstup. Větší kontextová okna umožňují modelům zpracovávat delší dokumenty, udržovat rozsáhlé konverzace a uvažovat nad více informacemi najednou. Velikost kontextových oken rychle roste — od 4K tokenů u raných GPT modelů po více než 1M tokenů u současných modelů jako Claude.

ai

Ří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.

reactweb-dev

Multiplatformní vývoj

Multiplatformní vývoj je praxe tvorby aplikací, které běží na více operačních systémech (iOS, Android, web, desktop) z jediné kódové základny. Frameworky jako React Native, Flutter a Kotlin Multiplatform volí různé přístupy — od sdíleného renderování UI po sdílenou business logiku s nativním UI. Klíčovým kompromisem je rovnováha mezi efektivitou sdílení kódu a schopností dodat platformově nativní zážitky, které na každém zařízení působí přirozeně.

react-nativeweb-dev

Tmavý režim

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

uxweb-dev
PředchozíStrana 2 / 8Další
93 slov
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.