Un client me demande de développer une application web. Première question technique que je me pose : React, Vue ou Svelte ? Il y a trois ans, j'aurais répondu React par défaut. Aujourd'hui, ma réponse dépend complètement du contexte.
J'ai passé les trois dernières années à utiliser les trois frameworks en production. Voici ce que j'ai appris sur quand utiliser chacun.
React reste mon choix par défaut pour les projets d'envergure qui vont vivre plusieurs années. Pas parce que c'est le meilleur techniquement, mais parce que l'écosystème est gigantesque et que trouver des développeurs React est facile.
Un client avait besoin d'une plateforme SaaS complexe. Budget de 50'000 francs, développement prévu sur 6 mois avec évolutions continues après. J'ai choisi React sans hésiter.
La raison principale : dans deux ans, quand ce client voudra embaucher un développeur en interne ou faire appel à une autre agence, il trouvera facilement. React est partout. Vue et surtout Svelte sont plus rares.
React a aussi l'écosystème de bibliothèques le plus développé. Besoin d'un système de drag and drop complexe ? Il y a 10 bibliothèques React bien maintenues. Pour Svelte, vous en trouverez peut-être 2, dont une abandonnée depuis un an.
Le coût de cet écosystème : React est plus verbeux. Il faut écrire plus de code pour arriver au même résultat qu'avec Vue ou Svelte. Mais pour un gros projet, cette verbosité devient de la clarté. Le code est plus explicite, plus facile à maintenir sur le long terme.
Vue est devenu mon choix quand je travaille avec des équipes qui incluent des développeurs juniors ou des gens qui viennent du backend et découvrent le frontend.
La syntaxe de Vue est plus intuitive. Les concepts sont plus proches du HTML/CSS classique. Un développeur PHP ou Python peut contribuer à une codebase Vue après une semaine de formation. Pour React, ça prend un mois.
J'ai développé une plateforme pour une PME suisse qui avait déjà un développeur backend en interne. Ils voulaient qu'il puisse maintenir le frontend après ma livraison. Vue était le choix évident.
Six mois après la livraison, leur développeur gère les évolutions lui-même. Il n'est pas devenu un expert frontend, mais il arrive à modifier des composants, ajouter des pages, corriger des bugs. Avec React, il aurait probablement dû me rappeler à chaque fois.
La documentation de Vue est aussi excellente. C'est subjectif, mais je trouve que Vue explique mieux les concepts aux débutants. React suppose que vous connaissez déjà JavaScript à fond.
Svelte génère du JavaScript pur sans runtime. Résultat : des bundles JavaScript beaucoup plus légers et des performances excellentes même sur des appareils bas de gamme.
Un client développait une application destinée à être utilisée dans des zones avec connexion mobile médiocre. Chaque kilooctet comptait. Svelte a produit un bundle de 40 Ko là où React aurait fait 150 Ko minimum.
L'autre avantage de Svelte : c'est un plaisir à utiliser. Le code est concis, élégant, intuitif. Développer en Svelte est rapide. Vraiment rapide. J'arrive à produire des fonctionnalités deux fois plus vite qu'en React.
Le problème : l'écosystème est petit. Bibliothèques manquantes, communauté réduite, moins de ressources pour débugger. Pour un petit projet ou une application interne, c'est gérable. Pour un gros projet qui va vivre 5 ans, c'est risqué.
Svelte est aussi plus récent. Moins de bataille-tested. J'ai rencontré quelques bugs obscurs qui n'existent pas dans React ou Vue. Rien de bloquant, mais ça prend du temps à contourner.
React seul vs Next.js n'est même plus un débat. Pour tout site ou application avec du SEO, Next.js est devenu le standard. Le routing, le SSR, la génération statique : tout est là, prêt à l'emploi.
Pour Vue, Nuxt joue le même rôle. Si vous choisissez Vue, vous choisirez probablement Nuxt par défaut aussi.
Svelte a SvelteKit qui fait le job, mais c'est plus récent et moins mature. Ça fonctionne bien, mais la documentation manque parfois de profondeur.
Budget < 5000 francs et besoin de rapidité ? Svelte. Je vais deux fois plus vite et le client paye moins.
Équipe qui va maintenir après moi, avec des juniors ? Vue. Courbe d'apprentissage plus douce.
Gros projet (> 20'000 francs), longue durée de vie, besoin d'embaucher plus tard ? React. Écosystème et disponibilité des développeurs.
Prototype rapide ou POC ? Svelte. Vitesse de développement maximale.
J'ai développé la même petite application dans les trois frameworks pour comparer. Une todo list avec filtres et persistance locale. Rien de complexe.
Temps de développement : Svelte 3h, Vue 4h, React 5h. Bundle final : Svelte 45 Ko, Vue 90 Ko, React 160 Ko. Performances runtime : différences négligeables sur cette taille d'app.
Pour une vraie application de plusieurs milliers de lignes, les différences de performance deviennent plus marquées. Svelte garde son avantage de taille de bundle. React reste rapide mais plus lourd. Vue se situe entre les deux.
Mais honnêtement, avec un bon hébergement et de bonnes pratiques, les trois sont assez rapides pour 95% des cas d'usage. La performance n'est le facteur décisif que pour des cas extrêmes.
Le meilleur framework est celui que votre équipe maîtrise et qui correspond au contexte du projet. Un excellent développeur React fera un meilleur site qu'un développeur moyen en Svelte, même si Svelte est "techniquement meilleur".
Si vous débutez et voulez apprendre : Vue. Si vous cherchez un job : React. Si vous aimez la tech pour la tech : Svelte.
Mais surtout, choisissez et avancez. Passer des semaines à comparer les frameworks coûte plus cher que le framework lui-même ne vous fera jamais économiser.
Un site WordPress qui mettait 12 secondes à charger est passé à 1,8 seconde en corrigeant trois erreurs courantes. Voici lesquelles.
Deux clients avec le même budget. L'un a choisi un template, l'autre du sur-mesure. Un an plus tard, un seul des deux a fait le bon choix.
Un site WordPress de 5 ans qui devenait ingérable. La migration vers Next.js a pris 3 mois et transformé complètement l'expérience. Retour d'expérience honnête.