React serverové komponenty

Hot reload je vývojová funkce, která vloží aktualizovaný kód do běžící aplikace bez jejího restartování nebo ztráty aktuálního stavu. Ve Flutteru hot reload funguje vložením aktualizovaného Dart zdrojového kódu do běžícího Dart VM, obvykle se dokončí za méně než sekundu. React Native nabízí podobnou funkci zvanou Fast Refresh, která zachovává stav komponent během úprav. Obě funkce dramaticky urychlují vývojovou zpětnou vazbu ve srovnání s tradičními cykly kompilace a restartu.

Automatické škálování je schopnost systému automaticky upravovat počet běžících instancí nebo přidělených zdrojů na základě aktuální poptávky. Při nárůstu provozu se připojí nové instance; při poklesu se přebytečné zdroje uvolní kvůli úspoře nákladů. Cloudové platformy jako AWS, GCP a Azure nabízejí auto-scaling skupiny s konfigurovatelnými politikami na základě využití CPU, počtu požadavků, hloubky fronty nebo vlastních metrik.

Dělení kódu je optimalizační technika, která rozděluje JavaScriptový bundle na menší části načítané na vyžádání, místo aby se uživatelé museli stahovat celou aplikaci najednou. V Reactu se toho dosahuje pomocí `React.lazy()` a dynamických `import()` výrazů, které vytvářejí samostatné bundly načítané až při přístupu k odpovídající komponentě nebo cestě. To dramaticky zlepšuje počáteční načítací časy, zejména u velkých single-page aplikací s mnoha cestami.

Flexbox (Flexible Box Layout) je jednorozměrný CSS model rozvržení navržený pro distribuci prostoru a zarovnání prvků v kontejneru podél jedné osy — horizontální nebo vertikální. Vyniká při práci s dynamickými velikostmi obsahu, centrování elementů a tvorbě flexibilních navigačních lišt, řad karet a formulářových rozvržení. Vlastnosti jako `justify-content`, `align-items` a `flex-grow` poskytují detailní kontrolu nad sdílením dostupného prostoru.

CSS vlastní vlastnosti (také nazývané CSS proměnné) umožňují definovat znovupoužitelné hodnoty syntaxí `--my-variable` a odkazovat na ně kdekoli pomocí `var(--my-variable)`. Na rozdíl od proměnných v preprocesorech Sass nebo Less jsou živé v prohlížeči, kaskádují přes DOM a lze je dynamicky měnit JavaScriptem. Jsou nezbytné pro systémy motivů, implementaci tmavého režimu a udržování konzistentních designových tokenů v rozsáhlých stylech.

Komponenta vyššího řádu (HOC) je pokročilý React vzor, kde funkce přijme komponentu jako vstup a vrátí novou vylepšenou komponentu s dodatečnými props nebo chováním. Běžné použití zahrnuje přidání kontrol autentizace, sledování analytiky nebo logiky načítání dat ke stávajícím komponentám. Zatímco HOC byly hlavním vzorem znovupoužití kódu v třídovém Reactu, v moderním funkcionálním kódu je do značné míry nahradily vlastní hooky díky jednoduššímu modelu kompozice.