Matyas.
SlužbyProjektyZkušenostiBlogKontakt
ENOzvěte se
Zpět na slovník
react-native

Nová architektura React Native

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.

#react-native

Související pojmy

React Navigation

React Navigation je nejpoužívanější knihovna pro routing a navigaci v React Native aplikacích. Poskytuje stack, tab a drawer navigátory, které napodobují nativní navigační vzory na iOS i Androidu s plynulými přechody a podporou gest. Její přístup založený na JavaScriptu znamená, že navigační logika je plně přizpůsobitelná a knihovna integruje deep linking, autentizační flow a persistenci stavu přímo z balení.

Turbo moduly

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

Hluboké odkazování

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.

Styled Components

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

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.

WebView

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.

Všechna slova
Matyas.

Weby, mobilní appky a automatizace s AI. Pomáhám firmám šetřit čas i peníze technologií, která opravdu funguje.

Odkazy

  • Služby
  • Projekty
  • Zkušenosti
  • Blog
  • Slovník
  • Kontakt

Připravuji

  • Případové studieBrzy
  • Zdroje

© 2026 Matyas Prochazka. Všechna práva vyhrazena.