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

BEM

BEM (Block Element Modifier) je CSS konvence pojmenování, která strukturuje názvy tříd jako .block__element--modifier pro vytvoření jasných, předvídatelných vztahů mezi HTML a CSS. Například .card__title--highlighted identifikuje zvýrazněný element nadpisu v bloku karty. Ačkoli moderní nástroje jako CSS Modules a utility frameworky snížily nutnost BEM, zůstává široce používán ve velkých kódových základnách a designových systémech, kde explicitní konvence pojmenování usnadňují týmovou koordinaci.

#web-dev

Související pojmy

Virtuální DOM

Virtuální DOM je lehká paměťová reprezentace skutečného DOM prohlížeče, kterou React používá k optimalizaci aktualizací UI. Při změně stavu React vytvoří nový strom virtuálního DOM, porovná ho s předchozím procesem zvaným reconciliace a vypočítá minimální sadu skutečných DOM mutací. Tento přístup dávkování a porovnávání se vyhýbá nákladné přímé manipulaci s DOM a byl klíčovou inovací, díky které je deklarativní model Reactu výkonný.

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.

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.

CSS moduly

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.

CSS vlastní vlastnosti

CSS vlastní vlastnosti (také nazývané CSS proměnné) umožňují definovat znovupoužitelné hodnoty syntaxí `--my-variable` a odkazovat na ně kdekoli pomocí `var(--my-variable)`. Na rozdíl od proměnných v preprocesorech Sass nebo Less jsou živé v prohlížeči, kaskádují přes DOM a lze je dynamicky měnit JavaScriptem. Jsou nezbytné pro systémy motivů, implementaci tmavého režimu a udržování konzistentních designových tokenů v rozsáhlých stylech.

Dart

Dart je programovací jazyk vytvořený Googlem a používaný jako jediný jazyk pro vývoj ve Flutteru. Vyznačuje se pevným typovým systémem, null safety, podporou async/await a kompiluje se jak ahead-of-time (AOT) pro produkční výkon, tak just-in-time (JIT) pro rychlé vývojové cykly s hot reload. Syntaxe Dartu je povědomá vývojářům přicházejícím z JavaScriptu, TypeScriptu, Javy nebo Kotlinu, což usnadňuje přechod na Flutter.

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.