Dart

Serverové renderování (SSR) je technika, při které se webové stránky renderují do HTML na serveru pro každý požadavek, místo aby se spoléhalo na klientský JavaScript pro sestavení stránky v prohlížeči. SSR poskytuje rychlejší počáteční načtení stránky a lepší SEO, protože vyhledávače obdrží kompletní HTML obsah. Moderní SSR ve frameworcích jako Next.js podporuje streaming, který umožňuje serveru progresivně odesílat HTML fragmenty, jakmile jsou připraveny.

Infrastruktura jako kód (IaC) je praxe správy a provisioningu serverů, sítí a cloudových zdrojů prostřednictvím strojově čitelných konfiguračních souborů namísto manuálních procesů. Umožňuje verzování, code review a automatické testování změn infrastruktury stejně jako u aplikačního kódu. Populární IaC nástroje jako Terraform, Pulumi a AWS CloudFormation zajišťují reprodukovatelnost a konzistenci prostředí.

Optimistické UI je vzor, při kterém rozhraní okamžitě zobrazí očekávaný výsledek akce uživatele, ještě než ji server potvrdí. Například tlačítko „lajk" okamžitě ukáže stav po liknutí, zatímco API požadavek probíhá na pozadí. Díky tomu aplikace působí výrazně rychleji a responzivněji. Pokud požadavek na server selže, UI se vrátí do předchozího stavu a uživatele upozorní.

Designový systém je sbírka znovupoužitelných komponent, pravidel a standardů, které zajišťují vizuální a funkční konzistenci napříč produktem nebo skupinou produktů. Typicky zahrnuje knihovnu komponent, design tokeny, typografická pravidla, barevné palety a dokumentaci. Designové systémy propojují práci designérů a vývojářů a umožňují týmům stavět rozhraní rychleji při zachování jednotného vzhledu.

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.

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.