Co je React Native a jak funguje?

Question

Accepted Answer

**React Native** je framework od společnosti Meta (Facebook) pro tvorbu **nativních mobilních aplikací** (iOS a Android) pomocí **Reactu a JavaScriptu**. Jeho charakteristickým přístupem je vykreslování **skutečných nativních UI komponent** (ne webview), což webovým/React vývojářům umožňuje tvorbu nativních aplikací z большей části sdíleného kódu. ## Co je React Native ```text React Native = build NATIVE mobile apps with React + JavaScript/TypeScript: → ONE codebase (mostly) for iOS AND Android → uses REACT (components, JSX, hooks, state) — familiar to web React developers → renders REAL NATIVE UI components (not a webview / not HTML) → native look & feel → by Meta; widely used (Instagram, Discord, Shopify, etc.) ``` ## Jak to funguje: JavaScript řídící nativní UI ```text → You write React components in JavaScript → React Native maps them to REAL NATIVE views (a → a native UIView/ViewGroup; → native text) — NOT web/HTML elements → JS runs and communicates with the native side (historically via a "bridge"; the new architecture uses JSI for direct, faster communication) → The result is a genuinely native app, written in React/JS ``` ## Klíčové charakteristiky ```text ✓ NATIVE components → native performance and look/feel (vs webview-based frameworks) ✓ REACT model → components, JSX, hooks, state, props (web React skills transfer) ✓ Cross-platform → share most code across iOS/Android (some platform-specific code) ✓ FAST REFRESH → see changes instantly (like hot reload); large npm ecosystem ✓ Access native features via native modules / Expo ``` ## Proč je to důležité Porozumění tomu, co je React Native a jak funguje, je základním kamenem pro vývoj s React Native a cenné pro pochopení cross-platformního prostředí. React Native je hlavní framework pro tvorbu **nativních mobilních aplikací s Reactem a JavaScriptem** z vastší části sdíleného kódu — řeší významnou potřebu vyhnout se psaní samostatných iOS a Android aplikací, přičemž umožňuje velkému počtu **webových/React vývojářů** aplikovat své stávající dovednosti (komponenty, JSX, hooks, stav) na mobilní vývoj, což je klíčová výhoda. Charakteristická vlastnost — že React Native vykresluje **skutečné nativní UI komponenty** (mapuje React komponenty na skutečná nativní zobrazení, ne webview nebo HTML) — je důležité pochopit, protože aplikacím dává **nativní výkon a vzhled**, čímž se React Native odlišuje od webview přístupů a představuje skutečné řešení pro nativní aplikace. Porozumění **tomu, jak to funguje** (JavaScript běží a řídí nativní UI, komunikuje s nativní stranou prostřednictvím моста historicky nebo rychlejší JSI v nové architektuře) objasňuje jeho hybridní podstatu. Porozumění **klíčovým charakteristikám** — nativní komponenty (nativní vzhled/výkon), známý React model (přenosné webové dovednosti), cross-platformní sdílení kódu, Fast Refresh (okamžité aktualizace), velký npm ekosystém a přístup k nativním funkcím — vysvětluje, proč je React Native široce adoptnován (používaný Instagramem, Discordem, Shopifym a mnoha dalšími). Protože React Native je hlavní cross-platformní framework (obzvláště atraktivní pro React/webové vývojáře) a porozumění jeho podstatě (React + JS, nativní komponenty, cross-platforma) a tomu, jak funguje (řízení skutečného nativního UI), je základním kamenem pro práci s React Native a pro pochopení cross-platformních možností, je porozumění tomu, co je React Native a jak funguje, nezbytným, fundamentálním vědomím — výchozím bodem pro vývoj s React Native a důležitým kontextem pro pochopení, jak se React Native řadí mezi cross-platformní technologie, což je běžný přístup obzvláště cenný pro využití React dovedností k tvorbě nativních mobilních aplikací.