Dělení kódu

Reconciliace je algoritmus Reactu pro porovnání předchozího a aktuálního stromu virtuálního DOM za účelem určení minimálního počtu změn potřebných k aktualizaci skutečného DOM. React používá heuristiky jako porovnání typu elementu a prop `key` k efektivnímu rozhodnutí, zda DOM uzly aktualizovat, nahradit nebo odstranit. Pochopení reconciliace vysvětluje, proč záleží na unikátních `key` propech u položek seznamu — bez nich React nedokáže spolehlivě sledovat, které položky se změnily.

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

Přístupnost (často zkráceně a11y) je praxe navrhování a tvorby webových stránek a aplikací tak, aby je mohli používat všichni, včetně lidí se zrakovým, motorickým, sluchovým nebo kognitivním postižením. Zahrnuje správné sémantické značkování, podporu navigace klávesnicí, dostatečný barevný kontrast a kompatibilitu se čtečkami obrazovky. Kromě etické odpovědnosti je přístupnost v mnoha jurisdikcích stále častěji i zákonným požadavkem.

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.

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.

Memoizace v Reactu je optimalizace výkonu, která ukládá do cache výsledky nákladných výpočtů nebo renderů komponent, aby se předešlo zbytečné práci při překreslování. React poskytuje `React.memo()` pro přeskočení překreslení komponenty, když se její props nezměnily, `useMemo()` pro cachování vypočtených hodnot a `useCallback()` pro cachování referencí funkcí. Ačkoli je memoizace mocná, předčasná memoizace přidává složitost — nejlépe se aplikuje po tom, co profilování potvrdí skutečný problém s výkonem.