React Native
Développement React Native : des applications iOS et Android au plus près de chaque plateforme.
Nous développons vos applications mobiles avec React Native, en JavaScript ou en TypeScript : des composants qui deviennent ceux d'iOS et d'Android, une logique partagée, l'accès aux fonctions du téléphone et une maintenance suivie.
Ce que nous développons
Des écrans à la publication, une application qui suit votre activité.
React Native applique les principes de React au mobile. C'est l'une des approches de nos applications mobiles sur mesure.
Applications iOS et Android
Un code JavaScript ou TypeScript commun, dont les composants s'affichent avec les éléments d'interface de chaque système.
Navigation et écrans
Des parcours courts, une navigation conforme aux habitudes de chaque plateforme, des écrans accessibles.
Fonctions du téléphone
Appareil photo, notifications, géolocalisation, biométrie : par des modules natifs existants, ou un module écrit pour vous.
Intégration d'API
L'application dialogue avec votre back-office ou votre API, avec gestion des erreurs et des coupures de réseau. Les échanges relèvent de nos API et intégrations.
Code partagé avec le web
Types, règles de validation et appels à l'API peuvent être communs avec une interface web en React.
Publication et maintenance
Soumission sur l'App Store et Google Play, mises à jour de React Native et des modules, adaptation aux nouvelles versions des systèmes.
Comment React Native fonctionne
Des composants React, des vues natives à l'écran.
Avec React Native, on écrit des composants comme en React ; à l'affichage, chacun devient l'élément d'interface natif de la plateforme. L'application garde ainsi l'apparence et les réflexes propres à iOS et à Android.
Des composants partagés aux vues de chaque système
Composants React (JavaScript ou TypeScript)
- Écrans et composants
- Navigation
- État et règles de l'application
- Appels à votre API
Rendu natif
React Native transmet l'arbre de composants à la plateforme, qui l'affiche avec ses propres éléments d'interface (une vue iOS, une vue Android).
Application iOS
Éléments d'interface d'iOS, publiée sur l'App Store.
Application Android
Éléments d'interface d'Android, publiée sur Google Play.
Fonctions du téléphone : des modules natifs
Les fonctions du système sont exposées au code JavaScript par des modules natifs écrits en Swift, Objective-C, Kotlin ou Java. Beaucoup existent déjà ; un besoin spécifique fait l'objet d'un module dédié.
- Appareil photo
- Notifications
- Géolocalisation
- Biométrie
- Stockage sécurisé
- Capteurs
Schéma pédagogique : le fonctionnement général de React Native, sans reproduire l'architecture d'une application client.
Cas d'usage
Quand React Native est un bon choix.
Votre interface web est déjà en React.
Une application mobile qui partage avec le web ses types, ses règles et ses appels à l'API ; côté web, voyez notre développement React et Next.js.
Votre application doit ressembler à chaque système.
Des éléments d'interface natifs : l'utilisateur d'iPhone et celui d'Android retrouvent leurs repères.
Vous voulez une application iOS et Android sans deux équipes.
Un code commun, des ajustements par plateforme seulement là où c'est utile.
Votre application doit beaucoup dialoguer avec un back-office.
Une API pensée pour le mobile, en Node.js ou en Laravel et PHP, avec des droits vérifiés à chaque requête.
Choisir sa technologie mobile
React Native, Flutter ou natif : selon votre existant.
Nous comparons au cadrage les fonctions de l'appareil à utiliser, le rendu attendu, le code déjà en place et l'équipe qui maintiendra l'application.
| Critère | React Native | Flutter | Natif (Swift, Kotlin) | Application web progressive |
|---|---|---|---|---|
| Quand le choisir | Une équipe ou un produit en React, une interface proche des conventions de chaque système | Une interface sur mesure, identique sur iOS et Android | Une fonction de l'appareil très spécifique, ou des performances extrêmes | Un usage ponctuel, sans passer par les stores |
| Ce qu'il apporte | JavaScript ou TypeScript, et du code partageable avec le web | Un rendu identique au pixel près sur les deux systèmes | Toutes les possibilités du système, dès leur sortie | Une installation depuis le navigateur, une mise à jour immédiate |
| À savoir | Des modules natifs à maintenir lors des montées de version | Le langage Dart, propre à Flutter | Deux bases de code distinctes | Un accès plus limité aux fonctions de l'appareil |
Voir aussi notre développement Flutter et nos applications mobiles sur mesure.
Questions fréquentes
React Native : vos questions.
Le choix de React Native, le partage de code, les fonctions natives, la reprise et la maintenance.
React Native ou Flutter : lequel choisir ?
React Native affiche les éléments d'interface de chaque système et parle le langage de React ; Flutter dessine ses propres écrans, identiques partout, en Dart. Si votre équipe ou votre interface web est déjà en React, React Native est souvent plus naturel. Nous comparons les deux au cadrage.
Peut-on partager du code avec notre site React ?
Une partie, oui : les types, les règles de validation, les appels à l'API et une partie de la logique. Les écrans eux-mêmes restent distincts, car les composants web et mobiles ne sont pas les mêmes.
Une application React Native est-elle vraiment native ?
Son interface utilise les éléments natifs de chaque plateforme, et elle s'installe depuis les stores comme toute application. La logique est écrite en JavaScript ou en TypeScript ; les fonctions du système passent par des modules natifs.
Pouvez-vous reprendre une application React Native existante ?
Oui, après un état des lieux : version de React Native, modules natifs et leur compatibilité, tests, configuration de publication. Les montées de version se font ensuite par étapes.
Que comprend la maintenance d'une application React Native ?
Les mises à jour de React Native et des modules, l'adaptation aux nouvelles versions d'iOS et d'Android et aux règles des stores, les corrections et les petites évolutions, selon un périmètre convenu. L'hébergement des services associés relève de notre hébergement et maintenance.
Une application React Native en projet ? Parlons de vos usages.
Décrivez l'application à créer ou à reprendre. Nous vous répondons sous 24 à 48 heures ouvrées.