Vite + @vitejs/plugin-react

Définition

Vite est l'outil de build recommandé par l'équipe React pour une SPA sans framework depuis la dépréciation de CRA (14 février 2025). Version majeure courante : Vite 8 (12 mars 2026), suivie de Vite 8.1 (23 juin 2026). Le plugin @vitejs/plugin-react fournit Fast Refresh et, via reactCompilerPreset() avec @rolldown/plugin-babel, l'activation de React Compiler. C'est aussi le socle de React Router en mode framework et de TanStack Start.

Analogie

Une cuisine équipée prête à l'emploi : on branche et on cuisine, sans monter les meubles soi-même.

Exemple de code

// vite.config.js
import { defineConfig } from 'vite';
import react, { reactCompilerPreset } from '@vitejs/plugin-react';
import babel from '@rolldown/plugin-babel';

export default defineConfig({
  plugins: [
    react(),
    babel({ presets: [reactCompilerPreset()] }), // React Compiler
  ],
});
// npm create vite@latest mon-app -- --template react-ts

Cas d'usage

SPA React, back-office interne, prototypes, bibliothèque de composants (avec Storybook ou Vitest).

Anti-pattern

Termes liés

Sources

• vite.dev/blog
• react.dev/learn/react-compiler/installation
• react.dev/blog/2025/02/14/sunsetting-create-react-app