React Native

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.

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.

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

Expo je platforma a sada nástrojů postavená kolem React Native, která zjednodušuje vývoj mobilních aplikací poskytnutím řízeného workflow, předkonfigurovaných nativních modulů a možnosti aktualizací over-the-air. S Expo můžete začít vyvíjet bez instalace Xcode nebo Android Studia, testovat na fyzických zařízeních přes aplikaci Expo Go a nasazovat aktualizace bez revizního procesu app storu. EAS (Expo Application Services) zajišťuje cloudové sestavení, odesílání a aktualizace pro produkční aplikace.

Hydratace je proces, při kterém klientský JavaScript framework připojuje event listenery a interaktivitu k serverem vyrenderovanému HTML. Poté, co server odešle předrenderované HTML pro rychlé počáteční zobrazení, framework jej „hydratuje" tak, že sladí svou virtuální reprezentaci s existujícím DOM a učiní jej interaktivním. Hydratace může být na složitých stránkách nákladná, což vedlo k inovacím jako částečná hydratace, progresivní hydratace a selektivní hydratace Reactu se Suspense.