Turbo moduly

Hluboké odkazování je schopnost nasměrovat uživatele na konkrétní obrazovku nebo obsah v mobilní nebo webové aplikaci pomocí URL, místo pouhého otevření domovské obrazovky aplikace. V React Native a Flutteru to zahrnuje konfiguraci URL schémat (např. `myapp://profile/123`) nebo universal/app linků fungujících napříč platformami. Deep linking je nezbytný pro směrování push notifikací, marketingové kampaně, sdílení obsahu mezi uživateli a plynulé přechody z webu do aplikace.

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.

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.

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.

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.

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.