Qu’est-ce que React ?
React est une bibliothèque JavaScript qui sert à construire des interfaces utilisateur à partir de composants réutilisables. Elle est développée par Meta et publiée en open source depuis 2013.
React ne gère que l’affichage. Le routage, les appels réseau, l’authentification ou le rendu côté serveur passent par d’autres briques, ce qui explique qu’on parle toujours d’un écosystème React plutôt que de React seul.
Le nom officiel est React. Les orthographes React.js et ReactJS désignent la même bibliothèque : elles viennent de l’habitude de suffixer les projets JavaScript et n’ont aucune existence technique.
À quoi sert React ?
React permet de construire des applications web rapides et maintenables. Elle est souvent utilisée pour développer des applications dites "monopage".
Dans une application monopage, seules les parties modifiées de l’écran sont actualisées, sans recharger toute la page. Cela améliore l’expérience utilisateur.
De nombreuses entreprises utilisent React pour concevoir leurs interfaces produits, leurs portails clients ou leurs outils internes.
Elle permet aussi une meilleure collaboration entre développeurs front-end et designers, grâce à une logique basée sur des composants réutilisables.
Comment fonctionne React ?
Une interface React est un arbre de composants. Chaque composant est une fonction JavaScript qui reçoit des données en entrée, appelées props, et retourne la description de ce qui doit s’afficher.
Cette description s’écrit en JSX, une syntaxe proche du HTML insérée directement dans le fichier JavaScript. Le code est ensuite compilé en appels de fonctions classiques.
Un composant peut aussi conserver ses propres données dans un état local, le state. Lorsque cet état change, React recalcule ce que le composant doit afficher, compare le résultat à la version précédente dans une copie mémoire de la page (le DOM virtuel) et n’applique au navigateur que les différences.
Depuis 2019, les composants s’écrivent principalement sous forme de fonctions avec des hooks (useState, useEffect, useMemo) plutôt que sous forme de classes. Les offres qui mentionnent encore les composants de classe signalent généralement une base de code ancienne.
L’écosystème React : ce qu’il faut ajouter autour
Parce que React se limite à l’affichage, un projet réel assemble plusieurs bibliothèques. Les combinaisons varient d’une équipe à l’autre, mais les rôles restent les mêmes.
- Framework : Next.js ou React Router, pour le routage, le rendu côté serveur et la structure du projet. La documentation officielle oriente désormais vers un framework plutôt que vers une configuration montée à la main.
- Données serveur : TanStack Query ou SWR pour la récupération, le cache et la synchronisation des appels API.
- État global : Redux Toolkit, Zustand ou Jotai lorsque plusieurs écrans partagent les mêmes données.
- Style : Tailwind CSS, CSS Modules ou une bibliothèque de composants comme MUI ou shadcn/ui.
- Tests : Vitest ou Jest, associés à Testing Library, et Playwright ou Cypress pour les parcours de bout en bout.
React Native reprend le même modèle de composants pour produire des applications iOS et Android. Le savoir-faire se transfère en partie, mais les contraintes de build, de navigation et de publication sur les stores en font un métier distinct.
React, Angular ou Vue : comment choisir ?
Angular est un framework complet : routage, injection de dépendances, formulaires et client HTTP sont fournis, et le TypeScript est imposé. Les équipes y gagnent une structure homogène et y perdent en liberté.
Vue se situe entre les deux. Il fournit plus de briques officielles que React tout en restant progressif, et sa courbe d’apprentissage est plus douce.
React laisse chaque équipe assembler sa stack. C’est un avantage sur les produits qui évoluent vite, et un coût sur les projets repris par une autre équipe, où chaque choix doit être redécouvert. C’est aussi le choix qui donne accès au plus grand vivier de candidats en France.
Exemples ou cas d’usage concrets
Une entreprise de e-commerce peut utiliser React pour afficher un catalogue produit actualisé en temps réel sans recharger la page.
Un éditeur de logiciels RH peut concevoir un tableau de bord collaboratif où les données s’ajustent en fonction des filtres sélectionnés.
Une startup tech peut créer un outil SaaS modulaire, où chaque fonctionnalité correspond à un composant distinct de React.
Les grands groupes comme Netflix, Airbnb ou Salesforce utilisent React pour gérer les interfaces de leurs plateformes web.