Qu’est-ce que React (bibliothèque JavaScript) ?

C'est comme fabriquer une voiture avec des modules standardisés : moteur, habitacle, tableau de bord — chaque pièce se remplace ou se fait évoluer sans tout démonter le véhicule. Bibliothèque JavaScript pour construire des interfaces par composition de composants réutilisables. React ne fournit pas tout le cadre d’une application (routing, data fetching global) : on combine souvent React avec React Router, Redux/Zustand, TanStack Query ou un meta-framework comme Next.js. Elle utilise un DOM virtuel pour optimiser les mises à jour et encourage le découpage par composants fonctionnels avec hooks (useState, useEffect, etc.).

L’UI est une fonction de l’état : quand les données changent, React calcule un nouvel arbre virtuel et applique les différences minimales au DOM réel. Les composants encapsulent rendu et comportement ; les hooks permettent de partager la logique sans hiérarchie de classes. Avec React 18+, le concurrent rendering et les transitions améliorent la réactivité perçue. Pour le SEO et la perf, on combine souvent React avec un rendu serveur (Next.js, Remix) plutôt qu’une SPA seule.

React domine l’écosystème front depuis des années : une grande partie des offres d’emploi front-end l’exigent ou la tolèrent comme pivot vers Next.js. Pour une entreprise, adopter React facilite le recrutement et le transfert de code entre projets ; le coût se déplace vers la formation aux bonnes pratiques (perf, accessibilité, Server Components) pour éviter les applications lentes malgré la « bonne » techno. Les équipes qui mesurent le bundle et le rendu côté serveur rapportent souvent des gains utilisateurs mesurables après optimisation — pas magiques, mais récurrents sur les bases legacy React pure SPA.

• Profiler avec React DevTools ; mémoïser avec discernement. Découper les bundles par routes ou composants lazy. Tester l’accessibilité des composants dès la lib interne (design system).

• Prop drilling excessif sans contexte ou store. Re-renders inutiles par références instables. Charger toute la logique côté client alors que le serveur pourrait préparer les données.