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

Smoke testování

Smoke testování je rychlé automatizované ověření, že nejkritičtější funkce aplikace fungují po novém nasazení nebo sestavení. Místo spuštění celé testovací sady smoke testy kontrolují základní cesty — spustí se aplikace, funguje přihlášení, odpovídají klíčové API endpointy. Obvykle jsou první automatizovanou bránou v nasazovacím pipeline a zachytávají katastrofální selhání dříve, než se spustí nákladnější testy.

web-devproductivity

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.

reactweb-dev

Generování statických stránek

Generování statických stránek (SSG) je strategie renderování, při které se HTML stránky předgenerují v době sestavení, místo aby se generovaly při každém požadavku. Výsledné statické soubory lze servírovat z CDN s extrémně rychlými načítacími časy a minimální serverovou infrastrukturou. Frameworky jako Next.js, Gatsby a Astro podporují SSG, často v kombinaci s Incremental Static Regeneration (ISR) pro aktualizaci konkrétních stránek na pozadí bez přestavění celého webu.

reactweb-dev

Storybook

Storybook je open-source nástroj pro vytváření a testování UI komponent izolovaně, mimo hlavní aplikaci. Vývojáři definují „stories" — různé stavy a varianty komponenty — které se vykreslují v samostatném prostředí v prohlížeči. Podporuje React, Vue, Angular a další frameworky, což z něj činí neocenitelný nástroj pro dokumentaci komponent, vizuální regresní testování a spolupráci designérů s vývojáři.

uxweb-devreact

Styled Components

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.

reactreact-nativeweb-dev

Tailwind CSS

Tailwind CSS je utility-first CSS framework, který poskytuje nízkoúrovňové utility třídy jako `flex`, `pt-4`, `text-center` a `bg-blue-500` pro tvorbu designů přímo ve značkování. Místo psaní vlastního CSS skládáte předpřipravené třídy k vytvoření jakéhokoli designu, což díky automatickému odstranění nepoužitých stylů vede k menším výsledným CSS souborům. Konfigurační soubor umožňuje plné přizpůsobení designového systému včetně barev, mezer, breakpointů a typografie.

web-devproductivity

Task runner

Task runner je nástroj, který automatizuje opakující se vývojové úlohy jako kompilaci kódu, spouštění testů, minifikaci assetů a restart serverů. Rané webové task runnery jako Grunt a Gulp definovaly workflow jako JavaScript kód, zatímco moderní přístupy využívají npm skripty, Turborepo nebo Nx pro orchestraci úloh v monorepu. Task runnery tvoří základ lokální vývojové automatizace a zajišťují konzistentní spouštění úloh v celém týmu.

web-devproductivity

Terraform

Terraform je open-source nástroj pro infrastrukturu jako kód od HashiCorp, který umožňuje definovat cloudové i on-premise zdroje v deklarativních konfiguračních souborech pomocí jazyka HCL. Sestavuje graf závislostí mezi zdroji a aplikuje změny inkrementálně, přičemž před úpravami zobrazí plán. Terraform podporuje stovky providerů včetně AWS, Azure, GCP a Cloudflare, čímž se stal standardem pro automatizaci multi-cloud infrastruktury.

web-devproductivity

Toast notifikace

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.

uxweb-dev

Token

V kontextu AI jazykových modelů je token základní jednotka textu, kterou model zpracovává — obvykle slovo, část slova nebo znak v závislosti na tokenizéru. Ceny LLM, kontextová okna i limity rychlosti se měří v tokenech. Pochopení tokenizace je klíčové pro optimalizaci nákladů a dodržení limitů kontextu modelu při vývoji AI aplikací.

ai

Transformer

Transformer je architektura neuronové sítě představená v článku „Attention Is All You Need" z roku 2017, která zásadně změnila zpracování přirozeného jazyka. Na rozdíl od rekurentních sítí zpracovává transformery celé sekvence paralelně pomocí mechanismu self-attention, což umožňuje efektivně zachytit závislosti na velké vzdálenosti. Prakticky všechny moderní LLM, včetně GPT a Claude, jsou postaveny na architektuře transformer.

ai

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

web-devproductivity
PředchozíStrana 9 / 10Další
118 slov

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.