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

Nová architektura React Native

Nová architektura React Native je zásadní přepis vnitřních mechanismů React Native, který nahrazuje asynchronní bridge rozhraním JavaScript Interface (JSI) umožňujícím přímou synchronní komunikaci mezi JavaScriptem a nativním kódem. Skládá se ze tří pilířů: Fabric (nový renderovací systém), Turbo Modules (rychlejší systém nativních modulů) a Codegen (automatické generování typově bezpečného nativního kódu z JS specifikací). Tato architektura výrazně zlepšuje výkon, snižuje dobu startu a umožňuje concurrent rendering z Reactu 18.

react-native

React Navigation

React Navigation je nejpoužívanější knihovna pro routing a navigaci v React Native aplikacích. Poskytuje stack, tab a drawer navigátory, které napodobují nativní navigační vzory na iOS i Androidu s plynulými přechody a podporou gest. Její přístup založený na JavaScriptu znamená, že navigační logika je plně přizpůsobitelná a knihovna integruje deep linking, autentizační flow a persistenci stavu přímo z balení.

react-native

React serverové komponenty

React serverové komponenty (RSC) jsou komponenty, které se renderují výhradně na serveru a klientovi odesílají pouze svůj HTML výstup bez jakéhokoli dopadu na velikost JavaScriptového bundlu. Mohou přímo přistupovat k databázím, souborovému systému a backendovým službám bez API endpointů. V kombinaci s klientskými komponentami (označenými `'use client'`) umožňují RSC hybridní architekturu, kde interaktivní části posílají JavaScript, zatímco statické části zůstávají pouze na serveru. Next.js App Router používá RSC jako výchozí model komponent.

reactweb-dev

Reconciliace

Reconciliace je algoritmus Reactu pro porovnání předchozího a aktuálního stromu virtuálního DOM za účelem určení minimálního počtu změn potřebných k aktualizaci skutečného DOM. React používá heuristiky jako porovnání typu elementu a prop `key` k efektivnímu rozhodnutí, zda DOM uzly aktualizovat, nahradit nebo odstranit. Pochopení reconciliace vysvětluje, proč záleží na unikátních `key` propech u položek seznamu — bez nich React nedokáže spolehlivě sledovat, které položky se změnily.

reactweb-dev

Redux

Redux je knihovna pro prediktivní správu stavu, která ukládá celý stav aplikace v jediném neměnném úložišti, aktualizovaném výhradně prostřednictvím dispatchovaných akcí a čistých reducer funkcí. Redux Toolkit (RTK) je nyní doporučený způsob použití Reduxu, který dramaticky snižuje boilerplate pomocí utilit jako `createSlice` a `createAsyncThunk`. Zatímco Redux zůstává populární ve velkých enterprise aplikacích, lehčí alternativy jako Zustand získaly na popularitě pro jednodušší případy použití.

reactweb-dev

Zpětnovazební učení

Zpětnovazební učení (RL) je paradigma strojového učení, kde se agent učí optimálnímu chování interakcí s prostředím a přijímáním odměn nebo penalizací. RLHF (Reinforcement Learning from Human Feedback) je klíčová technika používaná k alignmentu LLM s lidskými preferencemi, díky níž jsou výstupy modelů užitečnější a bezpečnější. RL stojí také za průlomy v herní AI a robotice.

ai

Responzivní design

Responzivní design je přístup k webovému vývoji, při kterém se rozvržení, obrázky a prvky UI plynule přizpůsobují různým velikostem obrazovek a zařízení. Spoléhá na flexibilní mřížky, media queries a relativní jednotky jako `rem`, `%` a `vw` pro zajištění konzistentního zážitku od mobilních telefonů po velké monitory. Moderní responzivní design stále více využívá CSS Container Queries a techniky vnitřního rozměrování k tvorbě komponent reagujících na svůj kontejner místo viewportu.

web-devux

Sémantické HTML

Sémantické HTML znamená používání HTML elementů, které jasně popisují svůj význam a účel, jako jsou `<article>`, `<nav>`, `<header>` a `<section>`, namísto generických `<div>` tagů. Tento přístup zlepšuje přístupnost pro čtečky obrazovky, pomáhá vyhledávačům lépe pochopit strukturu stránky a činí kód čitelnějším pro ostatní vývojáře. Je považován za základní osvědčený postup v moderním webovém vývoji.

web-devux

Serverové renderování

Serverové renderování (SSR) je technika, při které se webové stránky renderují do HTML na serveru pro každý požadavek, místo aby se spoléhalo na klientský JavaScript pro sestavení stránky v prohlížeči. SSR poskytuje rychlejší počáteční načtení stránky a lepší SEO, protože vyhledávače obdrží kompletní HTML obsah. Moderní SSR ve frameworcích jako Next.js podporuje streaming, který umožňuje serveru progresivně odesílat HTML fragmenty, jakmile jsou připraveny.

reactweb-dev

Serverless

Serverless je model cloudového spouštění, kde poskytovatel dynamicky přiděluje výpočetní zdroje a automaticky se stará o škálování, aktualizace a správu infrastruktury. Vývojáři píší funkce spouštěné událostmi — HTTP požadavky, změnami v databázi nebo zprávami z fronty — a platí pouze za skutečný čas běhu. AWS Lambda, Cloudflare Workers a Vercel Edge Functions jsou populární serverless platformy, které zcela eliminují potřebu spravovat servery.

web-devproductivity

Shadow DOM

Shadow DOM je API prohlížeče, které umožňuje připojit k elementu skrytý, zapouzdřený DOM strom s izolovanými styly a značkami od zbytku stránky. CSS definované uvnitř Shadow DOM nepronikne ven a vnější styly se nedostanou dovnitř. Jde o klíčovou technologii stojící za Web Components, kterou frameworky využívají k dosažení skutečné izolace stylů bez nutnosti konvencí pojmenování CSS.

web-dev

Skeleton obrazovka

Skeleton obrazovka je zástupné rozhraní, které napodobuje rozložení stránky pomocí jednoduchých tvarů a animovaných přechodů, zatímco se načítá obsah. Na rozdíl od spinnerů dávají skeletony uživateli okamžitý přehled o struktuře stránky a snižují vnímanou dobu načítání. Běžně se používají v aplikacích jako Facebook, YouTube nebo LinkedIn pro plynulejší přechod mezi načítáním a zobrazeným obsahem.

uxweb-dev
PředchozíStrana 8 / 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.