Dart

Tree shaking je technika eliminace mrtvého kódu používaná moderními bundlery jako Webpack, Rollup a esbuild k odstranění nepoužitých exportů z výsledného JavaScriptového bundlu. Spoléhá na statickou strukturu syntaxe ES modulů `import`/`export` k určení, který kód je skutečně referencován, a bezpečně odstraní zbytek. Pro efektivní tree shaking musí knihovny používat formát ESM a vyhnout se vedlejším efektům při inicializaci modulu, proto je důležité pole `sideEffects` v `package.json`.

React serverové komponenty (RSC) jsou komponenty, které se renderují výhradně na serveru a klientovi odesílají pouze svůj HTML výstup bez jakéhokoli dopadu na velikost JavaScriptového bundlu. Mohou přímo přistupovat k databázím, souborovému systému a backendovým službám bez API endpointů. V kombinaci s klientskými komponentami (označenými `'use client'`) umožňují RSC hybridní architekturu, kde interaktivní části posílají JavaScript, zatímco statické části zůstávají pouze na serveru. Next.js App Router používá RSC jako výchozí model komponent.

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

Drobečková navigace je sekundární navigační vzor, který ukazuje aktuální pozici uživatele v hierarchii webu jako řetězec odkazů (např. Domů > Produkty > Boty). Pomáhá uživatelům pochopit, kde se nacházejí, a rychle se vrátit na nadřazené stránky bez použití tlačítka Zpět v prohlížeči. Správná implementace využívá uspořádaný seznam v prvku `<nav>` s atributem `aria-label="Breadcrumb"` pro přístupnost.

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.

Drag and drop je interakční vzor, který umožňuje uživatelům přesouvat, přeřazovat nebo přenášet prvky rozhraní kliknutím (nebo dotykem), podržením a přetažením na novou pozici. Používá se pro nahrávání souborů, kanban nástěnky, řaditelné seznamy a editory rozvržení. HTML Drag and Drop API poskytuje nativní podporu v prohlížečích, zatímco knihovny jako dnd-kit a react-beautiful-dnd nabízejí propracovanější, přístupnější a dotykově přívětivější implementace.