Skip to content

feat(react-compiler): add React Compiler variants to create-vite #20702

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
+14 −0
Open

feat(react-compiler): add React Compiler variants to create-vite #20702

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions packages/create-vite/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,13 @@ const FRAMEWORKS: Framework[] = [
display: 'TypeScript + SWC',
color: blue,
},
{
name: 'React Compiler (TS)',
display: 'TypeScript + React Compiler',
color: blue,
customCommand:
'npm exec degit vitejs/vite-plugin-react/packages/plugin-react/examples/compiler-ts TARGET_DIR',
},
Comment on lines +134 to +136
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The placeholder TARGET_DIR in the customCommand may not be automatically replaced at runtime. Please verify that the create-vite CLI properly handles this substitution pattern. If not, users might end up with a literal directory named "TARGET_DIR" instead of their intended project directory. Consider checking how variable substitution works in custom commands or updating to use the correct placeholder format supported by the system.

Spotted by Diamond

Fix in Graphite

Is this helpful? React 👍 or 👎 to let us know.

{
name: 'react',
display: 'JavaScript',
Expand All @@ -137,6 +144,13 @@ const FRAMEWORKS: Framework[] = [
display: 'JavaScript + SWC',
color: yellow,
},
{
name: 'React Compiler (JS)',
display: 'JavaScript + React Compiler',
color: yellow,
customCommand:
'npm exec degit vitejs/vite-plugin-react/packages/plugin-react/examples/compiler TARGET_DIR',
},
{
name: 'custom-react-router',
display: 'React Router v7 ↗',
Expand Down
Loading