DEV Community

Use Vite for React Apps instead of CRA

Nilanth on May 16, 2022

Most of us will be using Create React App for creating React App. It supports all the configurations out of the box. But when your project code gro...

Read full post

Jonas Petri • May 17 '22

I love Vite!
Just to add one thing, to create a new Vite app with npm, do

npm init vite

and let the selection menu do the rest! No parameters needed!

Andrianarisoa Daniel • May 17 '22

Nice article about vite. I think it is a good idea too if you added another one on how to setup tests with it (vitest +react testing library).

Cathal Mac Donnacha 🚀 • Jun 7 '22

Here you go :-) dev.to/cathalmacdonnacha/migrating...

Andrianarisoa Daniel • Jun 8 '22

Great! Gonna check that!

Andrew Baisden • May 16 '22

I have heard many good things about Vite. My default is to use Create React App or Next.js. Might give Vite a go next time to see how it compares first hand.

Julia 👩🏻‍💻 GDE • May 23 '22

Thank you so much for pointing out the advanteges using Vite over CRA/webpack! Exactly what I needed right now! 💯

Sean Cassiere • May 17 '22

Yup, I completely agree!

I recently migrated a large Typescript CRA app to Vite, and loved the dev server and build times.

Although I ran into a weird a couple bugs, which REQUIRED me have the import React statement in all my .tsx files (something which CRA didn't need), and the component exported from the react-moment package outright didn't work.

Outside of these couple issues, been loving the switch and improved dev experience.

Cathal Mac Donnacha 🚀 • Jun 7 '22

Great article

Ilia luk • May 18 '22

try comparing it to CRA with craco-esbuild, I believe they will compare the same and this whole migration argument of faster build times will be pointless.