Správa fokusu

GitHub Actions je platforma pro CI/CD a automatizaci pracovních postupů přímo integrovaná v GitHubu. Vývojáři definují workflow v YAML souborech, které se spouštějí na základě událostí jako push, pull request nebo časový plán. Marketplace nabízí tisíce znovupoužitelných akcí pro úlohy jako linting, testování, nasazení a publikaci balíčků.

CSS-in-JS je přístup, při kterém se styly píší přímo v JavaScriptových souborech, často společně s komponentami, které stylují. Knihovny jako Styled Components, Emotion a Stitches generují unikátní názvy tříd při sestavení nebo za běhu, čímž eliminují konflikty stylů. Ačkoli tento přístup umožňuje dynamické stylování na základě props a plné zapouzdření, trend se kvůli výkonnostním obavám přesouvá k řešením bez runtime zátěže a utility-first CSS.

CSS Grid je dvourozměrný systém rozvržení, který umožňuje definovat řádky a sloupce současně, což jej činí ideálním pro složité rozvržení stránek. Na rozdíl od Flexboxu, který pracuje vždy v jedné ose, Grid umožňuje přesně umísťovat prvky jak horizontálně, tak vertikálně pomocí pojmenovaných oblastí nebo čísel řádků. Funkce jako `grid-template-areas`, `auto-fill` a `minmax()` umožňují vytvářet responzivní rozvržení s minimem kódu.

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

JSX (JavaScript XML) je syntaktické rozšíření JavaScriptu používané především v Reactu, které umožňuje psát HTML-like značkování přímo v JavaScriptovém kódu. Nástroje jako Babel nebo SWC jej transpilují na běžná volání `React.createElement()` před odesláním do prohlížeče. JSX podporuje vkládání dynamických výrazů pomocí složených závorek, podmíněné renderování a mapování přes pole, což z něj činí mocný a intuitivní způsob deklarativního popisu UI struktur.

Git hooky jsou skripty, které Git automaticky spouští před nebo po událostech jako commit, push a merge. Běžné příklady zahrnují pre-commit hooky spouštějící lintry a formátovače, commit-msg hooky vynucující konvence v commit zprávách a pre-push hooky spouštějící testy. Nástroje jako Husky a lint-staged usnadňují správu hooků v týmu a zachycují problémy dříve, než se dostanou do vzdáleného repozitáře.