Why is Everyone Using Vite?

A quick look at Vite JS.

💬 Topics:
- JavaScript bundlers;
- Compiling and Transpiling;
- ES Modules;
- Working with Vite;
- Server side rendering.

#javascript

[adidibrani]

I think the speed alone is the winning factor. CRA takes longer than my wife takes to dress up

[arpitdubey]

I still remember working on a react project in early 2019, the codebase was large the the local development was slow. I turned off the typechecking in the local environment and relied solely on the vs code ide to help me with the type checking with the good old red squglies, working that way with the code was a breeze.

[anunonim]

I appreciate a lot the quality of your videos, man! What do you think of React docs hiding Vite inside a little corner?

[emmanuelgenga]

For a beginner with frameworks this is an interesting take

[SebaGomez]

Thanks! [ESP] Excelente vídeo, muchas gracias.

[bilimlink]

Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:

A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR).

A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

[Steve-Richter]

I cannot get the chrome dev tools debugger to work correctly in my vite/vue/typescript projects The source maps do not align breakpoints correctly.

[laurapeterson]

Nice explanation. What did you use to do the animation on the video (like the moving hand icon at 1:07 for example)?
I know it's very simple and people have been doing that a lot, but I'm just curious.
Is it Premiere Pro or After Effects?
Thanks.

[TariqSajid]

please make a video on how to migrate large react script project to vite with react script env

[rahuljoshi]

How to migrate an enterprise level application built with creat-react-app to vite.

[filipkovac]

@Avesome The SSR example you showed suffers from flash of unstyled content during development, bcs CSS link tags are not populated. I haven't found solution for that. Has anyone?

There is no mention of that in docs and it seems like the problem is just ignored.

[ercnshnyt]

I am curious about ssg and ssr best practices with vite. I use Nextjs just because of the partial ssg and i am not happy with lack of control. Is Vite has more powerful ssg do you know anything about it?

[thecoolnewsguy]

It's a blessing so I don't have to configure the annoying webpack

[gabrielmalek]

Vite is awesome I talk about it all the time lol

[Ivan-wmgm]

For react devs do you still use Vite or just use nextjs for personal projects? and why?

[VeaceslavBARBARII]

3:28 Have you tried to write plugins for Vite?

[vaisakhkm]

Waiting for next 10 exciting build tool to come out...!!!!

[nate]

Just converted my CRA app to vite. It was tedious but so worth it. Especially since CRA is all but deprecated.

[Reelworthy]

I can code a site in a text editor and console from scratch, build javascript web-apps, facebook-ish sites, whatever... but I cannot understand why I would need vite, why I would want to bundle things, why I would want to put myself in a situation where I needed to compile front-end code, just so I could get excited about HMR. What in the world am I missing?

[kurtfth]

nobody mention that vite has huge performans penalty development on windows with relatively large codebase like 1k+ files. if it cannot handle by lazy loading, even with slower ssd😢