Enabling React Compiler in Waku

Learn how to enable the React Compiler in your Waku project using the Vite Plugin to optimize your React applications.

The React Compiler is a build-time tool designed to optimize React applications automatically. This guide will show you how to enable the React Compiler by integrating it with the @vitejs/plugin-react.

npm install -D @vitejs/plugin-react babel-plugin-react-compiler

// waku.config.ts
import { defineConfig } from 'waku/config';
import react, { reactCompilerPreset } from '@vitejs/plugin-react'; // make sure v6.0.0 or above is installed
import babel from '@rolldown/plugin-babel';

const ReactCompilerConfig = {};

export default defineConfig({
  vite: {
    plugins: [react(), babel({ presets: [reactCompilerPreset()] })],
  },
});

give us a star on GitHub