Hot reload

Headless UI označuje knihovny komponent, které poskytují chování, správu stavu a logiku přístupnosti bez jakéhokoliv předdefinovaného stylování nebo markupu. Knihovny jako Radix Primitives, Headless UI od Tailwind Labs a React Aria dávají vývojářům plnou kontrolu nad vizuální prezentací a zároveň řeší složité vzory jako správu fokusu, klávesovou navigaci a ARIA atributy. Tento přístup odděluje funkcionalitu od designu, což je ideální pro vlastní designové systémy.

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.

Barevný kontrast je měřitelný rozdíl v jasu mezi textem (nebo UI prvky) v popředí a jejich pozadím. Směrnice WCAG vyžadují minimální kontrastní poměr 4,5:1 pro běžný text a 3:1 pro velký text, aby byla zajištěna čitelnost pro uživatele se zrakovým postižením. Nástroje jako Chrome DevTools, Stark a WebAIM contrast checker pomáhají vývojářům ověřovat shodu během vývoje.

Nová architektura React Native je zásadní přepis vnitřních mechanismů React Native, který nahrazuje asynchronní bridge rozhraním JavaScript Interface (JSI) umožňujícím přímou synchronní komunikaci mezi JavaScriptem a nativním kódem. Skládá se ze tří pilířů: Fabric (nový renderovací systém), Turbo Modules (rychlejší systém nativních modulů) a Codegen (automatické generování typově bezpečného nativního kódu z JS specifikací). Tato architektura výrazně zlepšuje výkon, snižuje dobu startu a umožňuje concurrent rendering z Reactu 18.

Turbo moduly jsou systém nativních modulů nové generace v nové architektuře React Native, nahrazující tradiční moduly založené na bridge. Využívají JavaScript Interface (JSI) pro přímou synchronní komunikaci mezi JavaScriptem a nativním kódem, čímž eliminují serializační režii starého JSON bridge. Turbo moduly také podporují lazy loading — inicializují se až při prvním přístupu místo při startu aplikace, což výrazně zlepšuje výkon spuštění.

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.