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

Prompt engineering

Prompt engineering je praxe tvorby a optimalizace vstupních instrukcí pro navádění AI modelů k produkci požadovaných výstupů. Mezi techniky patří few-shot příklady, chain-of-thought reasoning, přiřazení rolí a strukturované formátování výstupu. Efektivní prompt engineering může dramaticky zlepšit kvalitu, přesnost a konzistenci odpovědí LLM bez úpravy samotného modelu.

aiproductivity

Props drilling

Props drilling je praxe předávání dat přes více úrovní mezilehlých komponent, které data samy nepoužívají, pouze je předávají hluboce vnořené komponentě, která je potřebuje. To vytváří těsnou vazbu mezi komponentami a ztěžuje refaktoring. Běžná řešení zahrnují Context API pro globální stav, knihovny pro správu stavu jako Zustand nebo Redux, nebo vzory kompozice komponent, které restrukturalizují strom a snižují hloubku vnoření.

reactweb-dev

RAG

Retrieval-Augmented Generation (RAG) je technika, která vylepšuje odpovědi LLM tím, že před generováním odpovědi načte relevantní dokumenty z externí znalostní báze. Model tak může zakládat svůj výstup na aktuálních, doménově specifických informacích místo spoléhání pouze na trénovací data. RAG se široce používá v podnikových chatbotech, dokumentačních asistentech a AI aplikacích s vyhledáváním.

ai

React hooky

React hooky jsou funkce (jako `useState`, `useEffect`, `useMemo`, `useCallback`), které umožňují používat stav, vedlejší efekty a další funkce Reactu ve funkcionálních komponentách bez psaní tříd. Byly představeny v Reactu 16.8 a zásadně změnily strukturu React aplikací tím, že umožnily znovupoužití logiky pomocí vlastních hooků. Hooky musí dodržovat dvě pravidla: lze je volat pouze na nejvyšší úrovni komponenty a pouze uvnitř React funkcionálních komponent nebo jiných hooků.

reactweb-dev

React Native

React Native je framework pro tvorbu nativních mobilních aplikací pro iOS a Android pomocí Reactu a JavaScriptu/TypeScriptu. Na rozdíl od hybridních přístupů, které renderují ve WebView, React Native mapuje React komponenty na skutečné nativní UI elementy platformy, čímž poskytuje nativní vzhled, chování a výkon. Jeho filozofie „nauč se jednou, piš kdekoli" umožňuje webovým vývojářům využít znalosti Reactu pro mobilní vývoj s přístupem k platformově specifickým API.

react-nativereact

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
PředchozíStrana 6 / 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.