Outils et frameworks essentiels pour créer applications monopage (SPA)
Le développement SPA moderne repose sur écosystème en couches. Voici paysage actuel organisé par catégorie :
1. Frameworks UI principaux (Choisir un)
- React — Composants, DOM virtuel, plus grand écosystème. Soutenu Meta. Standard de facto.
- Vue 3 — Progressif, Composition API, excellente DX, bundle plus petit. Montée rapide.
- Angular — Framework MVC complet, TypeScript natif, opinionné. Favori entreprises.
- Svelte / SvelteKit — Basé compilateur, pas DOM virtuel, runtime minimal. Leader performance.
- SolidJS — Réactivité granulaire, JSX type React, pas VDOM. Champion vitesse.
2. Outils build et bundlers
- Vite — Serveur dev instantané, builds Rollup prod. Défaut nouveaux projets.
- Webpack — Mature, configs complexes, Module Federation. Héritage/entreprise.
- esbuild / swc / Turbopack — Go/Rust, vitesse extrême.
3. Gestion état
- Redux Toolkit / RTK Query — Opinionné, scalable, DevTools.
- Zustand / Jotai / Valtio — Légers, atomiques, boilerplate minimal.
- TanStack Query (React Query) — État serveur, cache, déduplication. Essentiel data fetching.
- Pinia — Store officiel Vue.
4. Routage
- React Router v6, TanStack Router (type-safe)
- Vue Router 4
- Angular Router (intégré)
- Basé fichiers : Next.js, Nuxt, SvelteKit, Astro
5. Tests
- Vitest (unit/integration), Playwright / Cypress (E2E), Testing Library (composant)
6. DX & Qualité
- ESLint + Prettier, TypeScript, Storybook, Husky + lint-staged, Chromatic
Heuristique choix
Familiarité équipe > hype. React/Vite/TypeScript/TanStack Query = stack défaut sûr 2024. Vue/Vite/Pinia pour moins d'opinion. Next.js/Remix/Astro si SSR/SSG requis.