Qu'est-ce que React Native et comment ça marche ?

Question

Accepted Answer

**React Native** est un framework de Meta (Facebook) pour construire des **applications mobiles natives** (iOS et Android) en utilisant **React et JavaScript**. Son approche distinctive consiste à afficher des **vrais composants UI natifs** (pas une webview), permettant aux développeurs web/React de construire des applications natives à partir d'un code largement partagé. ## Qu'est-ce que 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.) ``` ## Comment ça marche : JavaScript pilotant l'UI native ```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 ``` ## Caractéristiques clés ```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 ``` ## Pourquoi c'est important Comprendre ce qu'est React Native et comment ça marche est fondamental pour le développement React Native et précieux pour comprendre le paysage multiplateforme. React Native est un framework majeur pour construire des **applications mobiles natives avec React et JavaScript** à partir d'une base de code largement partagée — répondant au besoin significatif d'éviter de construire des applications iOS et Android séparées, tout en permettant au large pool de **développeurs web/React** d'appliquer leurs compétences existantes (composants, JSX, hooks, état) au mobile, un avantage clé. La caractéristique déterminante — que React Native affiche des **vrais composants UI natifs** (mappant les composants React à des vues natives réelles, pas une webview ou du HTML) — est importante à comprendre car elle donne aux applications une **performance et un look/feel natifs**, distinguant React Native des approches basées sur webview et en faisant une véritable solution d'application native. Comprendre **comment ça marche** (JavaScript s'exécutant et pilotant l'UI native, communiquant avec le côté natif via le bridge historiquement ou le JSI plus rapide dans la nouvelle architecture) clarifie sa nature hybride. Comprendre les **caractéristiques clés** — composants natifs (feel/performance natifs), le modèle React familier (compétences web transférables), partage de code multiplateforme, Fast Refresh (mises à jour instantanées), le vaste écosystème npm, et accès aux fonctionnalités natives — transmet pourquoi React Native est largement adopté (utilisé par Instagram, Discord, Shopify, et beaucoup d'autres). Comme React Native est un framework multiplateforme majeur (particulièrement attrayant pour les développeurs React/web) et que comprendre sa nature (React + JS, composants natifs, multiplateforme) et comment ça marche (pilotant l'UI native réelle) est fondamental pour le travail React Native et pour comprendre les options multiplateformes, comprendre ce qu'est React Native et comment ça marche est une connaissance essentielle et fondamentale — le point de départ du développement React Native et un contexte important pour comprendre comment ça s'inscrit parmi les technologies multiplateformes, une approche largement utilisée particulièrement précieuse pour tirer profit des compétences React pour construire des applications mobiles natives.