DEV Community

Discussion on: Vite is too fast!

Collapse
 
renanlazarotto profile image
Renan "Firehawk" Lazarotto

Is it possible to switch from CRA to Vite?

Collapse
 
yassinebridi profile image
Yassine Bridi

I have done it many times, it's a pretty easy migration.
Though all the CRAs that i have transferred to Vite have no custom Webpack configs

Collapse
 
renanlazarotto profile image
Renan "Firehawk" Lazarotto

The only custom thing I did was add CRACO and Tailwind CSS. I just started learning React, its been a few weeks by now, I'm reading a bit here and a bit there on my spare time, writing a bit of code in my breaks... this kind of stuff. Vite has caught my attention, but I don't want to add another layer of complexity on something that is already confusing.

Thread Thread
 
yassinebridi profile image
Yassine Bridi

I see that you are maybe using craro to enable Tailwind's watch mode etc.., Vite already works out of the box with Tailwind, so i think Vite is better for you in that regard.
CRA is pretty established in the React tooling ecosystem, compared to Vite, so unless you are working on a critical kind of project, Vite is the way to go.

Thread Thread
 
renanlazarotto profile image
Renan "Firehawk" Lazarotto

Nothing critical =) just my portfolio, that I'm using as a excuse to learn React. I'll give it a go then! Thanks for your input!

Collapse
 
karanpratapsingh profile image
Karan Pratap Singh

Hey Renan, yes it's pretty easy to migrate to Vite with few changes but if you're new to React ecosystem CRA might be a better choice

Collapse
 
renanlazarotto profile image
Renan "Firehawk" Lazarotto

Hi, thanks for the reply! One question, though: why CRA would be better? Is there anything special about it I should learn before looking for Vite?

Thread Thread
 
karanpratapsingh profile image
Karan Pratap Singh

Hey, CRA is quite stable and most widely used..so If you face any issue there's a good chance that there is a github issue on the CRA's repo and it has either been solved or worked upon actively.

Vite is relatively quite new compared to CRA, you can definely learn Vite..but in the end these tools are just wrappers around bundlers like Webpack, Rollup, esbuild. You can use any of CRA, Vite etc whichever you feel confident with.

Hope this helps!

Thread Thread
 
renanlazarotto profile image
Renan "Firehawk" Lazarotto

Yes, it does! I currently have no issues with CRA, but everywhere I see talking about Vite praises its speed. I'm not exactly in need of any speed improvement as I'm just writing a simple portfolio with maybe 4 pages, I don't see why I would need faster compile times when my compile times are already fast enough. But since I'm quite new to the confusing world of front-end development (and on the even more confusing world of tooling!) I kinda want to learn everything I possibly can.

Thread Thread
 
karanpratapsingh profile image
Karan Pratap Singh

Makes sense. Good luck with your project!