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

Context API

Context API v Reactu poskytuje způsob předávání dat skrz strom komponent bez ručního propasovávání props přes každou mezilehlou úroveň. Kontext se vytvoří pomocí createContext, podstrom se obalí Providerem a hodnota se konzumuje kdekoli níže pomocí useContext. Je ideální pro globální záležitosti jako motivy, stav autentizace nebo lokalizaci, ale měl by se používat uvážlivě, protože jakákoli změna hodnoty kontextu překreslí všechny konzumující komponenty.

#react#web-dev

Související pojmy

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

Idempotence

Idempotence znamená, že provedení stejné operace vícekrát přinese stejný výsledek jako její jednorázové provedení. Tato vlastnost je zásadní v automatizacích a distribuovaných systémech, kde síťové chyby nebo retrye mohou způsobit vícenásobné odeslání požadavku. API, zpracování plateb a nasazovací skripty by měly být navrženy jako idempotentní, aby byly opakované pokusy bezpečné a nevytvářely duplicitní vedlejší efekty.

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.

Cron úloha

Cron úloha je časově řízený plánovač úloh pocházející z Unixových systémů, který spouští příkazy nebo skripty v definovaných intervalech. Plán se zapisuje pomocí cron výrazu s pěti poli pro minutu, hodinu, den, měsíc a den v týdnu. Cron úlohy jsou klíčové pro automatizace jako zálohy databází, rotace logů, generování reportů a periodickou synchronizaci dat.

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

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

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.