React
React, des interfaces composables et prévisibles
React est une bibliothèque JavaScript créée par Meta pour construire des interfaces utilisateur. Son principe est resté le même depuis 2013 : une interface est un assemblage de composants qui décrivent ce qu’il faut afficher en fonction d’un état, et React se charge de mettre à jour la page quand cet état change.
Cette approche déclarative rend les interfaces complexes plus simples à raisonner, à tester et à faire évoluer. Autour du cœur de la bibliothèque, l’écosystème fournit tout le reste : routage, gestion des données, rendu côté serveur avec des frameworks comme Next.js, et un typage solide avec TypeScript.
Du composant isolé à l’application complète
Nous utilisons React depuis bientôt dix ans, dans des contextes très différents :
- des applications complètes, back-offices métier, plateformes de visualisation de données ou espaces clients, souvent adossées à une API Symfony ou API Platform ;
- des composants intégrés dans des pages existantes, pour enrichir un site rendu côté serveur sans le transformer en application JavaScript : moteur de recherche, configurateur, tunnel de réservation ;
- des design systems de composants partagés entre plusieurs produits ;
- des applications mobiles avec React Native.
Dans tous les cas, nous choisissons le niveau de JavaScript adapté au besoin, pas le plus élevé possible.
Nos pratiques React
🧪 Tests
Tests de composants avec Testing Library, tests de bout en bout avec Playwright, comparaison visuelle automatisée : une interface React se teste comme le reste de l’application.
♿ Accessibilité
HTML sémantique, navigation au clavier, attributs ARIA quand ils sont nécessaires, vérification avec des lecteurs d’écran. Une interface riche doit rester utilisable par tout le monde.
⚡ Performance
Découpage du code, chargement différé, mémoïsation ciblée, rendu côté serveur quand il apporte quelque chose, et mesure continue des Core Web Vitals.
🧰 Outillage
TypeScript partout, ESLint et Prettier, Vite pour le build, Storybook pour documenter les composants, et une intégration continue qui vérifie tout cela à chaque modification.
Partager et transmettre
Nous suivons l’écosystème React de près et nous en rendons compte : conférences comme React Europe ou React Advanced London, évolutions de la bibliothèque, nouveaux outils. Dès 2017, nous expliquions au PHP Tour comment marier Symfony et React, un sujet que nous pratiquons toujours au quotidien.
Nous transmettons aussi ce savoir-faire par des formations React et React Native, conçues pour des équipes qui veulent monter en compétences sur de vrais projets.
Faire appel à nous pour vos projets React
- Concevoir une interface ou une application React, seule ou intégrée à votre application PHP.
- Reprendre ou auditer une base React existante : montée de version, migration vers les hooks ou vers TypeScript, performance, accessibilité.
- Former votre équipe à React, à React Native et aux bonnes pratiques qui les accompagnent.
💡 Découvrez notre offre de développement frontend, ou parlons de votre projet.Écrivez-nous
Nos derniers articles sur React
Nous publions régulièrement notre état de l’art ou nos recommandations concernant les outils que nous mettons en œuvre.
De la nostalgie aux nouveautés : ce que dotJS 2025 nous a inspiré
Ce 3 avril, Cécile, Katia et Suzanne ont quitté leurs claviers respectifs pour se rendre à la conférence dotJS, pour laquelle chaque année Paris, et les Folies Bergères, se transforment en terrain de jeu des passionnés…
par Cécile Delmon, + 2 autres
DotJs 2024 the (re)union
This week, we attended DotJs, which made its comeback after a five-years break. The event was held at the Folies Bergères. The theme was (Re)Union, reflecting the gathering of the JavaScript community. The schedule…
par Cécile Delmon, + 1 autre
Appliqué chez nos clients
L’équipe d’Alain Afflelou a choisi JoliCode comme référent technique pour le développement de son nouveau site internet. Ce site web-to-store incarne l’image premium de l’enseigne, met en valeur les collections…
Refonte complète de la plateforme d’annonces immobilières de Cushman & Wakefield France. Connecté aux outils historiques, cette nouvelle vitrine permet une bien meilleure visibilité SEO et permet…
Aujourd’hui, notre équipe travaille avec Courbet Paris en expérimentant toutes les possibilités techniques que la visualisation en 3D pourrait apporter à leurs produits. Ce travail de recherche &…
Nos formations liées à React
Formation React
Développez des interfaces efficaces et élégantes avec la bibliothèque JavaScript React.
Formation React Native
Développez des applications mobiles natives et cross-platform pour iOS et Android