Slovník

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

Turbo moduly jsou systém nativních modulů nové generace v nové architektuře React Native, nahrazující tradiční moduly založené na bridge. Využívají JavaScript Interface (JSI) pro přímou synchronní komunikaci mezi JavaScriptem a nativním kódem, čímž eliminují serializační režii starého JSON bridge. Turbo moduly také podporují lazy loading — inicializují se až při prvním přístupu místo při startu aplikace, což výrazně zlepšuje výkon spuštění.

Testování použitelnosti je metoda UX výzkumu, při které skuteční uživatelé plní konkrétní úkoly, zatímco pozorovatelé zaznamenávají obtíže, zmatení a vzorce chování. Může být moderované (s facilitátorem) nebo nemoderované (samostatné s nahráváním) a prováděné na prototypech nebo živých produktech. I testování s pouhými 5 uživateli obvykle odhalí většinu problémů s použitelností, což z něj činí jednu z aktivit s nejvyšší návratností v produktovém vývoji.

Vektorová databáze je specializovaná databáze optimalizovaná pro ukládání, indexování a dotazování vícerozměrných vektorových embeddingů. Umožňuje rychlé vyhledávání podobnosti, které je klíčové pro RAG systémy, doporučovací enginy a sémantické vyhledávání. Mezi populární vektorové databáze patří Pinecone, Weaviate, Qdrant a pgvector pro PostgreSQL.

View Transitions API je nativní způsob prohlížeče pro tvorbu animovaných přechodů mezi různými stavy DOM nebo navigacemi stránek, což bylo dříve možné pouze se složitými JavaScriptovými animačními knihovnami. Zachytí snímek aktuálního stavu, aplikuje DOM aktualizaci a poté animuje přechod mezi starým a novým snímkem pomocí CSS. Toto API funguje pro změny stavu v single-page aplikacích i navigace mezi stránkami, čímž umožňuje plynulé přechody s minimem kódu.

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

WebView je vestavitelná komponenta prohlížeče, která renderuje webový obsah (HTML, CSS, JavaScript) uvnitř nativní mobilní aplikace. Umožňuje vývojářům znovupoužít existující webový kód v nativním shellu aplikace, běžně se používá pro zobrazení bohatého obsahu, integraci webových funkcí nebo tvorbu hybridních aplikací. Aplikace silně závislé na WebView však mají obvykle horší výkon a méně nativní pocit ve srovnání se skutečně nativními přístupy nebo React Native/Flutter.

Ve Flutteru je strom widgetů hierarchická struktura vnořených widgetů, která definuje celé UI aplikace. Vše ve Flutteru je widget — od rozvržení jako `Column` a `Row` přes stylovací obaly jako `Padding` a `Theme` až po interaktivní prvky jako `GestureDetector`. Flutter udržuje tři paralelní stromy (widget, element a render object), které spolupracují na efektivním přestavění pouze těch částí UI, které se skutečně změnily při aktualizaci stavu.

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