CI/CD

Linter je nástroj statické analýzy, který automaticky prochází zdrojový kód a hledá syntaktické chyby, porušení stylu, potenciální bugy a anti-patterny, aniž by kód spouštěl. Populární lintry jsou ESLint pro JavaScript/TypeScript, Pylint pro Python a Stylelint pro CSS. Lintry se obvykle integrují do CI pipeline a editorových pluginů, čímž bez manuálního úsilí zajišťují konzistentní kvalitu kódu v celém týmu.

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.

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.

View Transitions API je nativní způsob prohlížeče pro tvorbu animovaných přechodů mezi různými stavy DOM nebo navigacemi stránek, což bylo dříve možné pouze se složitými JavaScriptovými animačními knihovnami. Zachytí snímek aktuálního stavu, aplikuje DOM aktualizaci a poté animuje přechod mezi starým a novým snímkem pomocí CSS. Toto API funguje pro změny stavu v single-page aplikacích i navigace mezi stránkami, čímž umožňuje plynulé přechody s minimem kódu.

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

CSS animace využívají pravidla `@keyframes` a vlastnost `animation` k tvorbě složitých, vícekrokových animací čistě v CSS bez JavaScriptu. V kombinaci s CSS transitions pro jednoduché změny stavu pokrývají tyto nástroje většinu potřeb UI animací s dobrým výkonem, protože prohlížeče je mohou optimalizovat na GPU kompozičním vlákně. Vlastnosti jako `transform` a `opacity` jsou obzvláště efektivní k animování, protože nespouštějí přepočty rozvržení ani překreslování.