React Native : développer pour mobile autrement

React Native est un framework open source créé par Meta (anciennement Facebook) en 2015. Il permet de construire des applications mobiles natives pour iOS et Android à partir d'un seul code source écrit en JavaScript (ou TypeScript).

Contrairement aux applications web mobiles classiques qui s'exécutent dans un navigateur, les applications React Native produisent de vraies interfaces natives : les composants que tu écris sont traduits en éléments d'interface natifs de chaque plateforme.

La promesse centrale du framework tient en une phrase : "Learn once, write anywhere". Tu apprends une seule façon de penser et de coder, et ton application tourne sur iOS comme sur Android. Ce n'est pas "write once, run anywhere" : React Native ne cherche pas à gommer les différences entre plateformes, il t'aide à les gérer intelligemment depuis un seul projet.

Comment React Native communique avec le téléphone

Sous le capot, React Native utilise un pont (en anglais, "bridge") entre le code JavaScript et les composants natifs du système d'exploitation. Quand tu écris un composant <Text>, React Native demande à iOS d'afficher un UILabel et à Android un TextView. Depuis la version 0.71 et l'architecture dite "New Architecture", ce pont est remplacé par JSI (JavaScript Interface), un système plus rapide qui permet une communication synchrone entre JavaScript et le code natif.

Ce fonctionnement a une conséquence importante : les performances d'une application React Native sont très proches de celles d'une application développée entièrement en Swift ou Kotlin. L'utilisateur final ne voit pas la différence, et c'est exactement l'objectif.

React Native versus les alternatives

Il existe d'autres approches pour créer des applications mobiles multiplateformes. Flutter (Google) utilise son propre moteur de rendu et son langage Dart. Ionic encapsule une application web dans une coque native. React Native se distingue par son ancrage dans l'écosystème React et JavaScript, le plus large écosystème front-end au monde. Si tu connais déjà React pour le web, tu retrouveras immédiatement les concepts de composants, de props et de state.

Un exemple concret pour ancrer tout cela : imagine que tu veuilles afficher une liste de produits. En React Native, tu écris un composant <FlatList> avec tes données. Sur iOS, l'application utilise un UITableView natif. Sur Android, elle utilise un RecyclerView natif. Tu n'as écrit le code qu'une seule fois, mais chaque utilisateur reçoit l'expérience optimale de sa plateforme.

TypeScript et les API REST dans ce parcours

Ce cours ne s'arrête pas à React Native seul. Tu vas travailler avec TypeScript, un sur-ensemble de JavaScript qui ajoute le typage statique. Le typage permet de détecter les erreurs avant l'exécution, de documenter le code automatiquement et de bénéficier d'une autocomplétion précise dans ton éditeur. Dans un projet mobile professionnel, TypeScript est aujourd'hui le standard, pas une option.

Tu apprendras également à intégrer des API REST, c'est-à-dire à connecter ton application à des serveurs distants pour récupérer ou envoyer des données. C'est le pont entre ton interface mobile et le monde réel : authentification, affichage de données dynamiques, envoi de formulaires. Ces trois compétences (React Native, TypeScript, API REST) forment un ensemble cohérent et directement employable en entreprise.