Framework JavaScript ou site classique : que changent React ou Vue ?

Quand on parle de « faire un site », deux mondes techniques se cachent souvent derrière le même mot. D'un côté, le site dit « classique » : des pages HTML assemblées côté serveur, enrichies d'un peu de JavaScript. De l'autre, l'application construite avec un framework JavaScript comme React, Vue ou leurs équivalents, où l'interface est rendue et pilotée en grande partie dans le navigateur. Comprendre ce que ces frameworks changent réellement aide à choisir la bonne approche, sans céder à la mode.

Ce qu'est vraiment un framework JavaScript

Un framework front-end comme React (maintenu par Meta) ou Vue.js (projet open source créé par Evan You) est une bibliothèque structurée qui aide à construire des interfaces à partir de composants : des briques réutilisables qui encapsulent leur balisage, leur logique et parfois leur style. Le framework se charge de mettre à jour l'affichage quand les données changent, sans que le développeur ait à manipuler manuellement le DOM (la représentation en mémoire de la page).

React comme Vue reposent sur cette idée d'interface « réactive » : on décrit l'état de l'application (les données), et le framework calcule ce qui doit changer à l'écran. Les développeurs écrivent ainsi moins de code répétitif pour maintenir l'interface synchronisée avec les données. React popularise pour cela le JSX, une syntaxe qui mêle balisage et JavaScript ; Vue propose une approche par gabarits (templates) plus proche du HTML. Angular, autre framework majeur maintenu par Google, va plus loin en imposant une structure complète et le langage TypeScript.

Site « classique » : le rendu côté serveur

Dans un site classique, chaque URL correspond à une page générée par le serveur (via PHP, un CMS comme WordPress, ou un langage de back-end) et envoyée déjà constituée au navigateur. Le navigateur reçoit du HTML prêt à afficher. Ce modèle a des atouts durables :

• le contenu est immédiatement visible et lisible par les moteurs de recherche, sans exécution de JavaScript ;
• la première page s'affiche vite, car le navigateur n'a pas à télécharger puis exécuter une grosse application avant de montrer quoi que ce soit ;
• l'architecture reste simple à héberger et à maintenir pour des sites éditoriaux ou vitrines.

La limite apparaît sur les interfaces très interactives : à chaque action, il faut souvent recharger une page entière, ce qui donne une expérience moins fluide qu'une application qui réagit instantanément.

Ce que change concrètement un framework

Adopter React ou Vue déplace une partie du travail du serveur vers le navigateur. Cela ouvre des possibilités et impose des contraintes.

• Interfaces riches et fluides : filtres instantanés, tableaux de bord, glisser-déposer, mises à jour en temps réel sans rechargement. C'est le terrain de jeu naturel des applications web (SaaS, espaces client, back-offices).
• Composants réutilisables : une même brique (un bouton, une carte produit, un formulaire) est écrite une fois et réutilisée partout, ce qui fiabilise le développement sur les projets qui grossissent.
• Une couche technique supplémentaire : il faut un outillage de build (bundler comme Vite ou Webpack), une gestion des dépendances, et une compétence JavaScript solide. Le projet devient une véritable application logicielle, pas seulement un ensemble de pages.

La contrepartie la plus connue concerne le référencement et la performance initiale. Une application « single page » classique n'envoie au départ qu'une page quasi vide, remplie ensuite par le JavaScript. Si rien n'est prévu, un moteur de recherche ou un utilisateur sur mobile lent peut voir une page blanche le temps que tout se charge.

Le rendu serveur revient par la grande porte

Pour répondre à ce problème, l'écosystème a fait évoluer les frameworks vers le rendu côté serveur (SSR) et la génération statique (SSG). Des outils comme Next.js (basé sur React) ou Nuxt (basé sur Vue) génèrent le HTML sur le serveur ou au moment de la construction du site, puis « hydratent » la page dans le navigateur pour la rendre interactive.

On récupère ainsi le meilleur des deux mondes : un contenu immédiatement visible et indexable, plus l'interactivité d'une application moderne. C'est aujourd'hui l'approche recommandée quand on veut à la fois du SEO et une interface riche. Elle a toutefois un coût de complexité : l'architecture est plus exigeante à concevoir, déployer et déboguer.

Comment choisir sans se tromper

Le bon critère n'est pas « quel framework est à la mode », mais « quelle est la nature du projet ».

Un site vitrine n'a pas besoin de React pour être moderne : lui imposer un framework ajoute de la complexité sans bénéfice. À l'inverse, tenter de construire un tableau de bord interactif en pages rechargées à chaque clic mène vite à une expérience frustrante. Le choix technique doit suivre l'usage réel, pas l'inverse.

Ce qui compte vraiment

Un framework JavaScript ne rend pas un site « meilleur » dans l'absolu : il déplace la logique d'affichage vers le navigateur, ce qui excelle pour les interfaces applicatives et se révèle superflu, voire contre-productif, pour un simple site de contenu. Les solutions modernes de rendu serveur réconcilient interactivité et référencement, au prix d'une architecture plus technique. Le vrai discriminant reste la question de départ : construit-on un ensemble de pages à consulter, ou une application à manipuler ?