Cos'è React Native e come funziona?

Question

Accepted Answer

**React Native** è un framework creato da Meta (Facebook) per costruire **app mobile native** (iOS e Android) usando **React e JavaScript**. L'approccio distintivo è il rendering di **veri componenti UI nativi** (non una webview), permettendo ai sviluppatori web/React di costruire app native a partire da codice largamente condiviso. ## Che cos'è 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.) ``` ## Come funziona: JavaScript guida l'interfaccia nativa ```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 ``` ## Caratteristiche chiave ```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 ``` ## Perché è importante Comprendere cos'è React Native e come funziona è fondamentale per lo sviluppo con React Native ed è prezioso per comprendere il panorama cross-platform. React Native è un framework importante per costruire **app mobile native con React e JavaScript** a partire da una codebase largamente condivisa — affrontando la necessità significativa di evitare di costruire app separate per iOS e Android, permettendo al vasto gruppo di **sviluppatori web/React** di applicare le loro competenze esistenti (componenti, JSX, hooks, stato) al mobile, un vantaggio chiave. La caratteristica distintiva — che React Native renderizza **veri componenti UI nativi** (mappando componenti React a viste native effettive, non una webview o HTML) — è importante da comprendere perché fornisce alle app **prestazioni native e aspetto/sensazione nativa**, distinguendo React Native dagli approcci basati su webview e rendendolo una vera soluzione di app nativa. Comprendere **come funziona** (JavaScript che esegue e guida l'interfaccia nativa, comunicando con il lato nativo tramite il bridge storicamente o il più veloce JSI nella nuova architettura) chiarisce la sua natura ibrida. Comprendere **le caratteristiche chiave** — componenti nativi (aspetto/prestazioni native), il modello React familiare (competenze web trasferibili), condivisione di codice cross-platform, Fast Refresh (aggiornamenti istantanei), il grande ecosistema npm e accesso alle funzionalità native — trasmette perché React Native è ampiamente adottato (usato da Instagram, Discord, Shopify e molti altri). Poiché React Native è un framework cross-platform importante (particolarmente interessante per sviluppatori React/web) e comprendere la sua natura (React + JS, componenti nativi, cross-platform) e come funziona (guidando veri componenti UI nativi) è fondamentale per il lavoro con React Native e per comprendere le opzioni cross-platform, comprendere cos'è React Native e come funziona è una conoscenza essenziale e fondamentale — il punto di partenza per lo sviluppo con React Native e contesto importante per comprendere come si inserisce tra le tecnologie cross-platform, un approccio ampiamente utilizzato particolarmente prezioso per sfruttare le competenze di React per costruire app mobile native.