React.js

Qu'est-ce que React ?

React est une bibliothèque JavaScript pour construire des interfaces utilisateur à partir de composants. Vous décrivez ce que l'écran doit afficher pour l'état courant, et React met la page à jour quand cet état change. Elle s'exécute dans le navigateur, sur le serveur et, avec React Native, sur mobile. React 19 est la version majeure actuelle, et selon react.dev la 19.3 est sortie en septembre 2026.

Comment fonctionne React

Un composant est une partie de l'interface avec sa propre logique et son propre aspect, et les composants React sont des fonctions JavaScript qui renvoient du balisage. Ce balisage s'écrit généralement en JSX, qui est facultatif mais utilisé par la plupart des projets. L'état permet à un composant de mémoriser des informations, et appeler le setter renvoyé par useState fait refaire le rendu du composant avec la nouvelle valeur.

function Counter() { const [count, setCount] = useState(0); return <button onClick={() => setCount(count + 1)}>{count} clics</button>; }

React en 2026

• Server Components : stables dans React 19. Ils sont rendus à l'avance, une fois au build ou à chaque requête, dans un environnement distinct du navigateur. Leur code reste hors du bundle client et seul le rendu atteint le client. La directive 'use client' marque les parties interactives. On les utilise normalement via un framework.
• React Compiler : la version 1.0 est sortie le 7 octobre 2025. C'est un outil de build qui ajoute une mémoïsation automatique aux composants et aux hooks, compatible avec React 17 et ultérieur.
• Create React App est déprécié : l'équipe React l'a déclaré deprecated le 14 février 2025, faute de mainteneurs actifs. Pour les nouvelles applications, elle recommande un framework comme Next.js, React Router ou Expo, ou un outil de build comme Vite, Parcel ou Rsbuild. Sa règle empirique : si votre application a besoin de routage, un framework vous aidera probablement.

Où s'exécute React

• En application monopage (SPA) côté client, où le navigateur télécharge le JavaScript et fait tout le rendu.
• Avec le rendu côté serveur (SSR) : le serveur envoie du HTML, puis le navigateur l'hydrate. Next.js est un framework courant pour cela.
• Sur mobile avec React Native, qui partage le modèle de composants mais pas le DOM.

Erreurs courantes

• Démarrer un nouveau projet avec Create React App, qui est déprécié.
• Modifier l'état directement au lieu de passer une nouvelle valeur au setter.
• Afficher des listes sans valeurs key stables.
• Utiliser des effets pour calculer des valeurs qui pourraient être dérivées pendant le rendu.
• Mettre de la mémoïsation manuelle partout avant d'avoir mesuré quoi que ce soit. Le Compiler en couvre désormais une bonne part.
• Livrer une SPA uniquement côté client avec un gros bundle et négliger le premier chargement.

React et tests de performance

Un test de charge envoie du trafic vers vos serveurs et vos API. Il n'exécute pas votre code React et ne peut donc pas révéler un rendu lent ou un bundle trop lourd. Cela se mesure dans un vrai navigateur : le vérificateur Core Web Vitals gratuit donne les données de terrain d'une URL, et la surveillance de la vitesse des pages lance des audits Lighthouse planifiés et vous alerte en cas de régression. Les API appelées par vos composants sont une autre question, que la surveillance d'API contrôle de l'extérieur. Pour aller plus loin, voyez nos guides sur la performance JavaScript et les tests de performance frontend.

Questions fréquentes

React est-il une bibliothèque ou un framework ?

React est généralement décrit comme une bibliothèque pour construire des interfaces utilisateur. Il n'inclut ni routage ni récupération de données, c'est pourquoi l'équipe React recommande de démarrer les nouvelles applications avec un framework comme Next.js, React Router ou Expo.

Create React App est-il encore recommandé ?

Non. Il a été déclaré deprecated le 14 février 2025 et n'est plus qu'en mode maintenance. Pour un nouveau projet, utilisez un framework ou un outil de build comme Vite.

Que sont les React Server Components ?

Des composants rendus à l'avance sur un serveur de build ou à chaque requête, de sorte que leur code n'est pas envoyé au navigateur. Ils sont stables dans React 19 et s'utilisent normalement via un framework.

Ai-je besoin du React Compiler ?

Non, il est facultatif. Il mémoïse automatiquement composants et hooks au moment du build et peut remplacer une bonne partie de la mémoïsation manuelle. La version 1.0 est stable et fonctionne avec React 17 et ultérieur.

Quelle est la version actuelle de React ?

React 19 est la version majeure actuelle. La dernière version listée sur react.dev est la 19.3.0, du 9 septembre 2026.