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

Memoizace

Memoizace v Reactu je optimalizace výkonu, která ukládá do cache výsledky nákladných výpočtů nebo renderů komponent, aby se předešlo zbytečné práci při překreslování. React poskytuje React.memo() pro přeskočení překreslení komponenty, když se její props nezměnily, useMemo() pro cachování vypočtených hodnot a useCallback() pro cachování referencí funkcí. Ačkoli je memoizace mocná, předčasná memoizace přidává složitost — nejlépe se aplikuje po tom, co profilování potvrdí skutečný problém s výkonem.

#react#web-dev

Související pojmy

Toast notifikace

Toast notifikace je malá, nerušivá zpráva, která se krátce zobrazí na obrazovce — obvykle nahoře nebo dole — a poskytuje zpětnou vazbu o akci, aniž by přerušila práci uživatele. Na rozdíl od modálních oken se toasty automaticky zavřou po několika sekundách a nevyžadují interakci. Běžně se používají pro potvrzení uložení, hlášení chyb nebo zobrazení stavových aktualizací. Přístupné implementace využívají ARIA live regiony, aby čtečky obrazovky zprávu přečetly.

Nekonečné scrollování

Nekonečné scrollování je UX vzor, při kterém se nový obsah automaticky načítá, jakmile uživatel scrolluje ke spodní části stránky, čímž odpadá tradiční stránkování. Běžně se používá v sociálních sítích a rozhraních pro objevování obsahu. I když zvyšuje zapojení a působí plynule, bez virtualizace může zhoršovat výkon a uživatelům ztěžuje přístup k patičce stránky nebo uložení konkrétní pozice.

Blue-green nasazení

Blue-green nasazení je strategie vydávání, která udržuje dvě identická produkční prostředí — „blue" (aktuální) a „green" (nová verze). Provoz se přepne z blue na green až po úspěšném projití všech health checků, což umožňuje nasazení bez výpadků. Pokud se objeví problémy, provoz lze okamžitě přesměrovat zpět na blue prostředí, čímž se rollback stává triviálním a plně automatizovaným.

Hydratace

Hydratace je proces, při kterém klientský JavaScript framework připojuje event listenery a interaktivitu k serverem vyrenderovanému HTML. Poté, co server odešle předrenderované HTML pro rychlé počáteční zobrazení, framework jej „hydratuje" tak, že sladí svou virtuální reprezentaci s existujícím DOM a učiní jej interaktivním. Hydratace může být na složitých stránkách nákladná, což vedlo k inovacím jako částečná hydratace, progresivní hydratace a selektivní hydratace Reactu se Suspense.

Design tokeny

Design tokeny jsou nejmenší jednotky designového systému — pojmenované hodnoty reprezentující barvy, rozestupy, typografii, zaoblení rohů a další vizuální vlastnosti. Fungují jako jediný zdroj pravdy, který lze převést do formátů specifických pro danou platformu (CSS proměnné, Swift konstanty, XML resources). Změnou hodnot tokenů na jednom místě lze aktualizovat vzhled celé aplikace napříč platformami najednou.

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.

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.