React Native en production depuis 2019

Des développeurs experts en React Native, en régie comme au forfait

Une seule codebase TypeScript, deux apps iOS et Android, livrées par une équipe mobile et design intégrée.

Agence en forfait, ESN en régie

Lonestone est une agence React Native et une ESN nantaise active partout en France depuis 2014. Son équipe de 30 développeurs, product managers et designers travaille avec React Native depuis 2019. Elle intervient en forfait avec une équipe mobile complète engagée sur le résultat, ou en régie via l’offre Scale avec des développeurs React Native au temps passé pour renforcer une équipe existante.

L’expertise dépasse le strict mobile. Les développeurs sont fullstack TypeScript (Node, NestJS, PostgreSQL) et travaillent main dans la main avec les product designers qui maîtrisent les conventions iOS et Android. Cette polyvalence raccourcit le chemin entre un wireframe Figma et une application publiée sur l’App Store et le Play Store.

Pourquoi choisir Lonestone comme agence React Native

L'expertise React Native de l'équipe vient de plus de six ans de production sur des applications mobile B2C, des outils métier mobile et des refontes de natif vers cross-platform.

React Native en production depuis 2019

L’équipe Lonestone utilise React Native depuis ses premières versions stables. Elle a vécu chaque grande transition (New Architecture, Fabric, TurboModules, Hermes) et chaque mise à jour majeure d’iOS et Android, ce qui donne une vision claire des patterns qui tiennent dans la durée.

Une équipe mobile senior, dev + design + product

L’équipe est composée majoritairement de profils seniors avec cinq à dix ans d’expérience React et React Native, et associe développeurs mobile, product designers qui maîtrisent les Human Interface Guidelines (iOS) et le Material Design (Android), et product managers familiers du cycle de publication App Store et Play Store.

Régie ou forfait, selon votre besoin

Lonestone intervient en forfait avec une équipe mobile complète engagée sur le résultat (mode habituel pour les apps greenfield ou les refontes), ou en régie via l’offre Scale avec des développeurs React Native seniors au temps passé pour renforcer une équipe existante.

Une seule codebase, deux apps iOS et Android

React Native produit deux apps iOS et Android à partir d’une seule codebase TypeScript. Le coût de développement et de maintenance est divisé par deux par rapport au natif strict (Swift + Kotlin), avec un look-and-feel iOS et Android respecté grâce aux composants UI natifs et aux gestes système.

Pont avec React web pour partager la logique métier

Sur les projets qui ont aussi une version web, le pont entre React et React Native permet de partager les règles métier, les schémas de validation (Zod) et parfois les hooks de data fetching. L’équipe pose l’architecture pour maximiser ce partage dès le cadrage.

Stack standard, code livré, zéro lock-in

Le projet React Native reste la propriété du client et la stack volontairement standard (Expo ou bare workflow, TypeScript, React Navigation, Reanimated) permet à n’importe quelle équipe mobile de reprendre la codebase, en interne ou chez un autre prestataire.

Merci à Lonestone pour son travail qui répond totalement à nos attentes ! Chouette collaboration !

Camille MAGNAN · Cheffe de projets numériques @ Naonair

Une architecture technique de pointe

Les technologies et architectures que nous choisissons sont éprouvées, robustes et évolutives. Nous basons la plupart de nos projets sur le boilerplate Lonestone que nous maintenons en open source.

Le terrain de jeu de React Native

Là où React Native fait toute la différence

React Native couvre la majorité des cas d'usage mobile avec un coût de développement et de maintenance divisé par deux. Voici les types d'apps qui reviennent le plus souvent dans les projets Lonestone.

<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/DeviceMobile.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/DeviceMobile.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Applications mobile B2C</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Marketplaces, apps communautaires, apps de services à la personne, apps média. Tous les cas où l’application doit être disponible sur iOS et Android dès le lancement, avec une expérience fidèle aux conventions de chaque plateforme et des push notifications.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Outils métier mobile pour le terrain</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Inventaires, relevés, signatures électroniques, photos géolocalisées, mode hors-ligne avec synchronisation. Les apps métier qui équipent les équipes terrain bénéficient pleinement de l’écosystème React Native et de ses bibliothèques offline-first.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Refonte d'une app native vers cross-platform</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Quand maintenir deux codebases (Swift + Kotlin) coûte plus cher que la valeur produit, la migration vers React Native permet de mutualiser l’équipe et de retrouver de la vélocité produit. La refonte se fait écran par écran via une intégration progressive.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Compagnon mobile d'un SaaS web React</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Une app mobile qui prolonge l’expérience d’un SaaS <a href="/technos/react" class="md">React</a> existant, avec partage du back-end et de la logique métier. Le cas typique des SaaS B2B qui ajoutent une consultation mobile pour leurs utilisateurs nomades.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Apps avec intégrations natives spécifiques</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Bluetooth, lecteurs NFC, scanners de codes-barres, capteurs de santé, paiements Apple Pay et Google Pay. React Native expose ces APIs natives via des modules tiers ou sur mesure, sans renoncer à la mutualisation du code.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Organisation.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Organisation.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Apps internationales avec contraintes de stores</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Le cycle de publication App Store et Play Store, les conformités RGPD et ATT, les revues d’Apple : autant de contraintes intégrées au cadrage et au pipeline de release. L’équipe pilote les soumissions et les certificats côté client.</p> </div> </div>

Tout l'écosystème, pas juste React Native

Les outils qu'on choisit autour de React Native

Un projet React Native moderne s'appuie sur tout un écosystème de bibliothèques natives et JavaScript. L'équipe maîtrise les choix qui comptent pour chaque type d'application.

<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductPrototype.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductPrototype.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Workflow Expo ou bare</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Expo en premier choix pour les apps standard (release management simplifié, EAS Build, OTA updates). Bare workflow quand le projet a besoin de modules natifs sur mesure (Bluetooth, BLE, intégrations OEM). La bascule de l’un à l’autre est anticipée au cadrage.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Navigation et UI fidèle aux conventions iOS et Android</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">React Navigation pour le routing avec respect des transitions iOS et Android, React Native Reanimated et Gesture Handler pour des animations 60fps fluides. Tamagui ou NativeWind quand l’équipe veut Tailwind côté mobile.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Integration.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Integration.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">État serveur et stockage local</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Tanstack Query pour les API REST, tRPC quand le back-end est en TypeScript. MMKV pour le stockage clé-valeur ultra-rapide, WatermelonDB ou Drizzle SQLite pour les apps offline-first avec synchronisation côté serveur.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Authentification et sécurité</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Clerk, Auth.js, ou auth maison avec biométrie (Face ID, Touch ID, empreinte Android). Stockage sécurisé via Keychain et Keystore, pinning de certificats sur les API critiques, gestion fine des permissions natives.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Tests et release management</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Detox ou Maestro pour les tests end-to-end automatisés sur émulateurs et devices réels. EAS Build pour la CI/CD, TestFlight et Play Console internal testing pour les phases bêta. Sentry et Crashlytics pour la remontée d’erreurs en production.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Performance et observabilité</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Hermes activé par défaut pour la rapidité de démarrage, Flipper et React DevTools pour le debug. Profilage CPU et mémoire via Xcode Instruments et Android Profiler. Suivi des crashs et de l’ANR rate par version d’app.</p> </div> </div>

Basés à Nantes, actifs partout en France

Des développeurs React Native à Nantes pour des projets dans toute la France

L'équipe React Native Lonestone travaille depuis la Halle 6 sur l'île de Nantes, juste au-dessus de La Cantine × French Tech Nantes. Les clients à Nantes, Rennes, Paris, Lyon, Bordeaux et au-delà bénéficient du même cadre de qualité : revues de code systématiques, tests automatisés sur émulateurs et devices, soumissions App Store et Play Store pilotées par l'équipe, monitoring temps réel des crashs.

Quelques apps React Native livrées par Lonestone

Tous les projets

On discute de votre projet ?

Échange gratuit et sans engagement, directement avec un expert du sujet. Devis sous 48h.

Demander un devis Prendre rdv

Contacter l'équipe
de Lonestone

FAQ

Questions fréquentes

<details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Quelle différence entre React Native et le développement natif (Swift + Kotlin) ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">React Native produit deux apps iOS et Android à partir d’une seule codebase TypeScript, ce qui divise par deux le coût de développement et de maintenance. Le natif strict (Swift + Kotlin) reste pertinent pour les jeux vidéo, les apps avec rendu 3D temps réel ou les besoins très spécifiques (Vision Pro, Watch). Pour la grande majorité des apps métier et B2C, React Native couvre tous les besoins avec une UX équivalente, en s’appuyant sur les composants UI natifs de chaque plateforme.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> React Native ou Flutter, lequel choisir ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">React Native est le choix par défaut chez Lonestone car la stack TypeScript et le pont avec <a href="/technos/react" class="md">React</a> web permettent de mutualiser compétences et logique métier. <a href="/technos/flutter" class="md">Flutter</a> reste pertinent pour les équipes déjà formées à Dart ou les projets où Flutter a déjà été choisi. Le choix se fait au cadrage selon la stack existante du client.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Quelle est l'expérience de Lonestone en React Native ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Lonestone utilise React Native en production depuis 2019, soit six ans de pratique sur des apps mobile B2C, des outils métier terrain et des refontes natif vers cross-platform. L’équipe maîtrise Expo et le bare workflow, l’écosystème des modules natifs et le cycle de publication App Store et Play Store.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Lonestone propose-t-elle des développeurs React Native en régie (TJM) ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. En plus du mode forfait, Lonestone propose des développeurs React Native au temps passé via l’<a href="/offres/scale" class="md">offre Scale</a>. Ce mode convient aux clients qui ont déjà un product manager et un cadrage et cherchent à renforcer ponctuellement leur équipe mobile avec des profils React Native seniors.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Lonestone gère-t-elle la publication sur l'App Store et le Play Store ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. L’équipe pilote les certificats Apple et Google, prépare les fiches de stores (screenshots, descriptions, mots-clés ASO), gère les soumissions et les revues Apple, et accompagne le client sur les comptes développeur. Les comptes restent au nom du client pour préserver la propriété des apps publiées.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Le code React Native produit reste-t-il la propriété du client ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. La codebase appartient au client et est livrée sur son dépôt Git. La stack volontairement standard (React Native, TypeScript, Expo ou bare) permet à n’importe quelle équipe mobile de reprendre le projet en interne ou chez un autre prestataire.</p> </div> </details>

Nos articles à propos de React Native

Tous les articles

Minimum Viable Product (MVP) : Définition et utilité

Le MVP est une version minimaliste et fonctionnelle d'un produit ou d'un service. Cette méthode permet de valider et d'améliorer un concept à moindre coût à partir de retours utilisateurs.