Hermes

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

Hot reload je vývojová funkce, která vloží aktualizovaný kód do běžící aplikace bez jejího restartování nebo ztráty aktuálního stavu. Ve Flutteru hot reload funguje vložením aktualizovaného Dart zdrojového kódu do běžícího Dart VM, obvykle se dokončí za méně než sekundu. React Native nabízí podobnou funkci zvanou Fast Refresh, která zachovává stav komponent během úprav. Obě funkce dramaticky urychlují vývojovou zpětnou vazbu ve srovnání s tradičními cykly kompilace a restartu.

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.

React Native je framework pro tvorbu nativních mobilních aplikací pro iOS a Android pomocí Reactu a JavaScriptu/TypeScriptu. Na rozdíl od hybridních přístupů, které renderují ve WebView, React Native mapuje React komponenty na skutečné nativní UI elementy platformy, čímž poskytuje nativní vzhled, chování a výkon. Jeho filozofie „nauč se jednou, piš kdekoli" umožňuje webovým vývojářům využít znalosti Reactu pro mobilní vývoj s přístupem k platformově specifickým API.

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.