🌐
GitHub
github.com › weibenfalk › react-compiler
GitHub - weibenfalk/react-compiler: A Vite project using React Compiler · GitHub
A Vite project using React Compiler. Contribute to weibenfalk/react-compiler development by creating an account on GitHub.
Starred by 3 users
Forked by 3 users
Languages   JavaScript 79.0% | CSS 15.8% | TypeScript 4.9% | HTML 0.3%
🌐
GitHub
github.com › vitejs › vite-plugin-react › releases
Releases · vitejs/vite-plugin-react
import { defineConfig } from 'vite' ... + }), ] }) For React compiler users, you can use reactCompilerPreset for easier setup with preconfigured filter to improve build performance: import { defineConfig } from 'vite' -import react ...
Author   vitejs
Discussions
React Compiler with plugin-swc
Will there be instructions on how to use the new React Compiler given that it's babel based? More on github.com
🌐 github.com
12
May 16, 2024
[Typo]: React Compiler Vite installation docs with "vite-plugin-babel" cause sourcemap issues
Summary When following the setup instructions for React Compiler on the current live docs site, if using a custom Vite Babel plugin + React SWC or React Router v7 framework mode, you will notice th... More on github.com
🌐 github.com
0
December 29, 2025
react-compiler-runtime with vite
Hi all 👋 . I just saw the beta announcement and am super excited about it. I want to try the new compiler runtime since we are on React 18.2. I'm running into issues when starting the vite dev ... More on github.com
🌐 github.com
1
1
October 30, 2024
[Typo]: The alternative way to configure react compiler with vitejs doesn't work
Summary The alternative way to configure react-compiler with Vitejs, which is to declare the Babel configuration separately, doesn't actually work. Page https://react.dev/learn/react-compiler/installation#vite Details Note that I'm talki... More on github.com
🌐 github.com
1
November 17, 2025
Videos
🌐 youtube.com
Install React 19 + React Compiler in Vite – Setup & Config Guide ...
October 10, 2025
03:04
🌐 YouTube
How to Setup React 19 with Vite - YouTube
December 6, 2024
05:27
🌐 YouTube
React Compiler / React Forget - with Vite - YouTube
May 16, 2024
892
04:17
🌐 YouTube
How To Install React 19 with React Compiler in Vite - YouTube
June 5, 2024
🌐 youtube.com
FASTEST Way to Install React 19 with Vite in 3 min
🌐 youtube.com
How to speed up your react-router apps with react-compiler
View all
View all
🌐
GitHub
github.com › topics › vite-react
vite-react · GitHub Topics · GitHub
This template allows you to quickly scaffold a React project with React Router, TailwindCss with JIT Compiler and vite as a bundler. We use Vite because it's much faster than webpack.
🌐
GitHub
github.com › andreipfeiffer › game-of-life-vite-react-compiler
GitHub - andreipfeiffer/game-of-life-vite-react-compiler: An implementation of Game Of Life, in React 19.0.0-RC with Vite
An implementation of Game Of Life, in React 19.0.0-RC with Vite - andreipfeiffer/game-of-life-vite-react-compiler
Author   andreipfeiffer
🌐
GitHub
github.com › vitejs › vite-plugin-react › issues › 428
React Compiler with plugin-swc · Issue #428 · vitejs/vite-plugin-react
May 16, 2024 - vitejs / vite-plugin-react Public · There was an error while loading. Please reload this page. Notifications · You must be signed in to change notification settings · Fork 233 · Star 1k · New issueCopy link · New issueCopy link · Open · Feature · Open · React Compiler with plugin-swc#428 ·
Published   May 16, 2024
Author   samesfahani-tuplehealth
🌐
GitHub
github.com › reactjs › react.dev › issues › 8215
[Typo]: React Compiler Vite installation docs with "vite-plugin-babel" cause sourcemap issues · Issue #8215 · reactjs/react.dev
December 29, 2025 - https://react.dev/learn/react-compiler/installation · Please see reproduction repository for specific details: https://github.com/andrew-locklair-fs/react-vite-compiler-repro
Author   andrew-locklair-fs
🌐
GitHub
github.com › vitejs › vite-plugin-react › blob › main › packages › plugin-react › CHANGELOG.md
vite-plugin-react/packages/plugin-react/CHANGELOG.md at main · vitejs/vite-plugin-react
The main purpose for using this plugin with Rolldown is to use react compiler. Emit a log which recommends @vitejs/plugin-react-oxc when rolldown-vite is detected to improve performance and use Oxc under the hood.
Author   vitejs
🌐
GitHub
github.com › reactwg › react-compiler › discussions › 30
react-compiler-runtime with vite · reactwg react-compiler · Discussion #30
October 30, 2024 - I verified that react-compiler-runtime is installed as a direct dependency "react-compiler-runtime": "^19.0.0-beta-6fc168f-20241025",
Author   reactwg
Find elsewhere
🌐
GitHub
github.com › reactjs › react.dev › issues › 8148
[Typo]: The alternative way to configure react compiler with vitejs doesn't work · Issue #8148 · reactjs/react.dev
November 17, 2025 - import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; import babel from 'vite-plugin-babel'; const ReactCompilerConfig = { /* ... */ }; export default defineConfig({ plugins: [ react(), babel({ filter: /\.[jt]sx?$/, babelConfig: { presets: ["@babel/preset-typescript"], plugins: [ ["babel-plugin-react-compiler", ReactCompilerConfig], ], }, }), ], });
Author   AmirabbasJ
🌐
Vite
vite.dev › guide
Getting Started | Vite
git clone https://github.com/vitejs/vite.git cd vite pnpm install cd packages/vite pnpm run build pnpm link # use your preferred package manager for this step
🌐
GitHub
github.com › vitejs › vite-plugin-react
GitHub - vitejs/vite-plugin-react: The all-in-one Vite plugin for React projects. · GitHub
The all-in-one Vite plugin for React projects. Contribute to vitejs/vite-plugin-react development by creating an account on GitHub.
Starred by 1K users
Forked by 239 users
Languages   TypeScript 89.3% | JavaScript 6.1% | CSS 3.3% | HTML 1.2% | MDX 0.1%
🌐
GitHub
github.com › vitejs › vite-plugin-react-swc › issues › 205
React Compiler · Issue #205 · vitejs/vite-plugin-react-swc
May 15, 2024 - vitejs / vite-plugin-react-swc Public · Notifications · You must be signed in to change notification settings · Fork 68 · Star 948 · New issueCopy link · New issueCopy link · Open · Open · React Compiler#205 · Copy link · samesfahani-tuplehealth ·
🌐
Reddit
reddit.com › r/reactjs › how to use the react compiler in a vite react 18 project. (easy tutorial)
r/reactjs on Reddit: How to use the React Compiler in a Vite React 18 project. (easy tutorial)
December 6, 2024 -

1. npm install -D babel-plugin-react-compiler@beta eslint-plugin-react-compiler@beta
2. npm install react-compiler-runtime@beta
3. Edit your vite.config.js file like this:
​

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: [['babel-plugin-react-compiler', { target: '18' }]],
      },
    }),
  ],
});

4. Build your app and run it. (npm run build and then npm run preview).

Top answer
1 of 5
4
Curious why this targets 18 and not 19? Is 19 not supported yet?
2 of 5
3
This is literally just a rephrase of what the document has said... React Compiler – React
🌐
GitHub
github.com › facebook › react › issues › 29099
[React 19] React Compiler is stripping spaces · Issue #29099 · facebook/react
November 20, 2023 - Summary I tested the React Compiler by starting with the Vite React TS Template, updating to React 19 and adding the compiler plugin as described in the docs. With the compiler enabled, the component is missing spaces in some strings (co...
Published   May 16, 2024
Author   Curetix
🌐
GitHub
github.com › vitejs
Vite · GitHub
The all-in-one Vite plugin for React projects.
🌐
GitHub
github.com › vitejs › vite › tree › main › packages › create-vite › template-react-ts
vite/packages/create-vite/template-react-ts at main · vitejs/vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. ... The React Compiler is not enabled on this template because of its impact on dev & build performances.
Author   vitejs
🌐
GitHub
github.com › vitejs › vite-plugin-react › issues › 322
Running React Compiler not successful · Issue #322 · vitejs/vite-plugin-react
April 4, 2024 - Describe the bug Running React Compiler according to official guide on an existing React + Vitejs project not successful. Running react-compiler-healthcheck@latest already pass. babel-plugin-react-compiler already installed. vite-plugin-...
Published   May 22, 2024
Author   williamlsh
🌐
GitHub
github.com › topics › vite-template-react
vite-template-react · GitHub Topics · GitHub
1 week ago - react template typescript eslint prettier vite vitejs vite-template vite-template-react ... ⚛️ A simple vite react typescript starter template with husky, conventional commit, eslint, stylelint, prettier, sass, tailwindcss, material ui, tanstack routing, redux and saga, vitest and cypress
🌐
GitHub
github.com › topics › vitejs-react
vitejs-react · GitHub Topics · GitHub
A template for building shared libraries in both Vue and React. This template uses Vite for fast builds and includes TypeScript support, with easy configuration for single or multiple framework targets.
🌐
GitHub
github.com › vitejs › vite › discussions › 6799
How to add typescript to an existing vite react app? · vitejs/vite · Discussion #6799
Author   vitejs
Top answer
1 of 1
41

!. install typescript, @types/react and @types/react-dom.
2. in packages.json, replace vite build with tsc && vite build.
3. configure your TS:

tsconfig.json

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": false,
    "skipLibCheck": true,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["src"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

tsconfig.node.json

{
  "compilerOptions": {
    "composite": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "allowSyntheticDefaultImports": true
  },
  "include": ["vite.config.ts"]
}

pretty easy to do. I wonder why no one made a response like this.
I only know this because I installed a new vite project then copied the config files to the typeless old project. but you don't have to (hopefully not soon)/

HAPPY CODING :)

Related queries
vite github
github react compiler vite example
react-starter template github
vite react example project
vite react
vite plugin-react
react vite project github
vite react project push to github