React hooky

Task runner je nástroj, který automatizuje opakující se vývojové úlohy jako kompilaci kódu, spouštění testů, minifikaci assetů a restart serverů. Rané webové task runnery jako Grunt a Gulp definovaly workflow jako JavaScript kód, zatímco moderní přístupy využívají npm skripty, Turborepo nebo Nx pro orchestraci úloh v monorepu. Task runnery tvoří základ lokální vývojové automatizace a zajišťují konzistentní spouštění úloh v celém týmu.

Storybook je open-source nástroj pro vytváření a testování UI komponent izolovaně, mimo hlavní aplikaci. Vývojáři definují „stories" — různé stavy a varianty komponenty — které se vykreslují v samostatném prostředí v prohlížeči. Podporuje React, Vue, Angular a další frameworky, což z něj činí neocenitelný nástroj pro dokumentaci komponent, vizuální regresní testování a spolupráci designérů s vývojáři.

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.

Container Queries umožňují CSS stylům reagovat na velikost rodičovského kontejneru místo viewportu prohlížeče, čímž řeší dlouhodobé omezení media queries. Označením elementu jako kontejneru pomocí `container-type` mohou jeho potomci využívat pravidla `@container` k přizpůsobení rozvržení podle rozměrů kontejneru. To umožňuje skutečně znovupoužitelné komponenty — komponenta karty se může přeuspořádat, ať už je v postranním panelu nebo v sekci na celou šířku.

Řízená komponenta je formulářový element v Reactu, jehož hodnota je řízena React stavem místo interním stavem DOM. Hodnota komponenty se nastavuje přes prop `value` a aktualizuje se přes handler `onChange`, čímž React získává plnou kontrolu nad formulářovými daty. Tento vzor umožňuje validaci při každém stisku klávesy, podmíněné deaktivování tlačítka odeslání a vynucování formátů vstupu, což z něj činí doporučený přístup pro práci s formuláři v React aplikacích.

Canary release je strategie nasazení, při které se nová verze postupně uvolňuje malé podmnožině uživatelů před zpřístupněním celému publiku. Automatizovaný monitoring porovnává chybovost, latenci a klíčové metriky mezi canary a stabilní verzí. Pokud canary funguje dobře, provoz se postupně přesouvá; pokud jsou detekovány anomálie, release se automaticky vrátí zpět, čímž se minimalizuje dopad potenciálních problémů.