React Navigation

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

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.

Hermes je open-source JavaScriptový engine vyvinutý společností Meta, optimalizovaný speciálně pro běh React Native aplikací na mobilních zařízeních. Využívá ahead-of-time (AOT) kompilaci k převodu JavaScriptu na bytecode během sestavení, což vede k rychlejšímu startu aplikace, nižší spotřebě paměti a menší velikosti aplikace ve srovnání s JavaScriptCore. Hermes je nyní výchozím JavaScriptovým enginem pro React Native a od verze 0.70 podporuje i iOS.

WebView je vestavitelná komponenta prohlížeče, která renderuje webový obsah (HTML, CSS, JavaScript) uvnitř nativní mobilní aplikace. Umožňuje vývojářům znovupoužít existující webový kód v nativním shellu aplikace, běžně se používá pro zobrazení bohatého obsahu, integraci webových funkcí nebo tvorbu hybridních aplikací. Aplikace silně závislé na WebView však mají obvykle horší výkon a méně nativní pocit ve srovnání se skutečně nativními přístupy nebo React Native/Flutter.

Styled Components je populární CSS-in-JS knihovna pro React a React Native, která využívá tagged template literals ke stylování komponent. Automaticky generuje unikátní názvy tříd, podporuje dynamické stylování na základě props, zajišťuje vendor prefixing a poskytuje plné možnosti themování. Knihovna umísťuje styly společně s komponentami, což usnadňuje pochopení vzhledu každé komponenty a bezpečné mazání stylů při odstraňování komponent.

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.