Aller au contenu

Technologie - React : développer ou reprendre vos applications web et mobiles

React est une bibliothèque JavaScript pour construire des interfaces à partir de composants. Naeka écrit des applications React, reprend celles qui existent et en tire une app mobile, avec une API Django ou FastAPI derrière.

Développement d'applications web et mobiles en React - Naeka

Qu'est-ce que React ?

React est une bibliothèque JavaScript pour construire des interfaces utilisateur. Elle a été créée chez Facebook, aujourd'hui Meta. Depuis février 2026, React, React Native et JSX appartiennent à la React Foundation, une fondation indépendante hébergée par la Linux Foundation, dont Meta est l'un des membres fondateurs.

Une interface React se découpe en composants. Un composant est une fonction JavaScript qui reçoit des données et renvoie ce qui doit s'afficher : le champ de recherche, la liste des résultats et le bouton « Enregistrer » sont chacun un composant, et on les assemble pour faire un écran.

Chaque composant décrit ce qu'il affiche selon son état : formulaire en cours de saisie, envoi en cours, envoi réussi. Quand l'utilisateur tape dans un champ, l'état change et React met l'écran à jour tout seul.

React ne dit pas comment gérer les routes ni comment charger les données du serveur. Pour une application complète, la documentation officielle conseille de partir d'un framework comme Next.js, React Router ou Expo. On peut aussi partir d'un outil de build comme Vite et choisir soi-même les briques :

  • le routeur, qui associe chaque URL à un écran : React Router ou TanStack Router ;
  • la récupération des données du serveur, avec le cache et les états de chargement et d'erreur : TanStack Query, SWR ou RTK Query ;
  • les formulaires et leur validation, par exemple avec react-hook-form et un schéma Zod ;
  • les composants d'interface accessibles au clavier (menus, fenêtres modales, listes déroulantes), avec une bibliothèque comme Radix.

Pour le mobile, React Native reprend les mêmes principes : les composants affichent les vues natives d'iOS et d'Android.

Comment nous utilisons React

Nous avons écrit récemment une application métier en React 19. Elle part de Vite, avec des briques choisies une par une : TanStack Router pour les routes, RTK Query pour les échanges avec l'API, react-hook-form et Zod pour les formulaires, Radix et Tailwind pour l'interface.

Elle existe sous trois formes : une application web utilisée en interne, une app mobile iOS où Capacitor fait tourner ce même code web, et une version React Native construite avec Expo.

Le site que vous lisez est lui aussi en React : il est construit avec Next.js.

React, Vue.js ou Ember.js ?

Nous travaillons avec les trois. Colibri et Cobra sont en Ember.js, Simplauto est en Vue.js, et une application métier récente est en React.

Le choix dépend de votre équipe et de ce qui existe déjà. Si vos développeurs connaissent React, ou si une partie de votre produit est déjà écrite en React, on continue en React. Si vous partez de zéro, on regarde qui maintiendra le code après nous et ce dont l'application aura besoin, par exemple une version mobile.

Le backend

React s'occupe de l'interface. Derrière, nous écrivons l'API en Python, avec Django et Django REST framework, ou avec FastAPI.

Quand une application a une version web et une version mobile, les deux appellent la même API. Les règles métier sont écrites une seule fois, côté serveur, et une correction vaut pour tout le monde dès qu'elle est en production.

Ce que Naeka peut faire avec React

Une application React de zéro

Nous choisissons avec vous entre un framework comme Next.js et une application Vite, selon que vous avez besoin de rendu côté serveur ou non. Puis nous écrivons l'interface et l'API, et l'application part en production avec ses tests.

La reprise d'une application React existante

Votre application a été écrite par une autre équipe et plus personne ne sait la faire évoluer ? Nous lisons le code, nous écrivons des tests sur les parcours qui comptent, puis nous mettons les dépendances à jour et nous corrigeons ce qui bloque. Si c'est un prototype écrit avec une IA, voyez notre page sur l'industrialisation de prototypes.

Une app mobile à partir de la même base

Avec Capacitor, l'application web devient une app iOS ou Android sans réécrire l'interface. Quand l'app doit se comporter comme une application native, React Native et Expo gardent le même langage, les mêmes appels à l'API et une partie du code.

Des tests

Nous écrivons des tests de composants avec Vitest et Testing Library pour la logique de l'interface, et des tests de bout en bout avec Playwright qui cliquent dans l'application comme un utilisateur. Ils tournent à chaque merge request.

Pour Node.js et les autres frameworks du langage, voyez notre page JavaScript.

Un projet React ?

Une application à lancer, une application React à reprendre ou une version mobile à sortir : contactez-nous. Nous regardons votre code ou votre besoin, et nous vous disons comment nous nous y prendrions.