Kas yra React Native ir kaip jis veikia?

Question

Accepted Answer

**React Native** yra Meta (Facebook) kūrinys – framework'as **native mobilių aplikacijų** (iOS ir Android) kūrimui naudojant **React ir JavaScript**. Jo savitasis požiūris – atvaizduoti **tikrus native UI komponentus** (o ne webview), leidžianti web/React programuotojams kurti native aplikacijas iš daugiausia bendrinamo kodo. ## Kas yra 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.) ``` ## Kaip jis veikia: JavaScript valdo native 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 ``` ## Pagrindinės charakteristikos ```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 ``` ## Kodėl tai svarbu Supratimas, kas yra React Native ir kaip jis veikia, yra pagrindinis React Native kūrybai ir vertingas suprantant skirtingose platformose veikiančią programinę įrangą. React Native yra pagrindinė sistema **native mobilių aplikacijų kūrimui su React ir JavaScript** iš daugiausia bendrinamo kodo – sprendžiant svarbią problemą – išvengti atskirų iOS ir Android aplikacijų kūrimo, leisdama didžiam **web/React programuotojų** telkiniui pritaikyti savo esamas įgūdžius (komponentai, JSX, hooks, state) mobilijoje, pagrindinį privalumą. Skiriamoji charakteristika – kad React Native atvaizduoja **tikrus native UI komponentus** (susiejant React komponentus su tikrais native view'ais, o ne webview arba HTML) – svarbu suprasti, nes tai suteikia aplikacijoms **native našumą ir išvaizdą**, skirtingai nuo webview'o pagrindinių metodų ir paversdama tai tikru native aplikacijų sprendimu. Supratimas **kaip jis veikia** (JavaScript paleidimas ir native UI valdymas, komunikacija su native puse per tiltą (bridge) istoriškai arba greitesnio JSI naudojimas naujoje architektūroje) paaiškina jo hibridinę prigimtį. Supratimas **pagrindinių charakteristikų** – native komponentai (native išvaizda/našumas), pažįstamas React modelis (perkeliami web įgūdžiai), skirtingose platformose veikiančio kodo dalijimasis, Fast Refresh (momentinis atnaujinimas), didelis npm ekosistema ir native funkcijų priėjimas – parodo, kodėl React Native plačiai naudojamas (naudoja Instagram, Discord, Shopify ir daugelis kitų). Kadangi React Native yra pagrindinė skirtingose platformose veikianti sistema (ypač patraukli React/web programuotojams) ir supratimas jos prigimties (React + JS, native komponentai, skirtingose platformose veikianti) ir kaip ji veikia (valdant tikrus native UI) yra pagrindinis React Native darbui ir suprantant skirtingos platformos parinktis, supratimas, kas yra React Native ir kaip jis veikia, yra itin svarbi, pagrindine žinia – React Native kūrybos pradžia ir svarbi konteksta suprasdami, kaip ji susijusi su skirtingose platformose veikiančiomis technologijomis, plačiai naudojamas metodas, ypač vertingas React įgūdžiams pasinaudojant native mobilių aplikacijų kūrimui.