A Vite Demo | Evan You

Take a look into how Vite makes building web app with build tools easier and faster.

Overtime developers have gotten used to using bundlers, like WebPack, and know the struggle of waiting for long builds, especially as project become more complex. Vite works like a simple file server, but provides many enhancements over native ESM imports to support various features that are typically seen in bundler-based setups. In this episode, You walks us through Vite's impressive capabilities.

Key moments:
• What is Vite (1:04)
• Starting a project (4:33)
• How TypeScript works on Vite (5:50-6:11)
• How CSS is Hot Updated (6:34)
• Named imports (8:45)
• Vite is framework agnostic (10:34)
• Hot Module Replacement on Vite (12:39)
• Debugging made easy (19:11)
• Speed of Vite (19:54)
• Caching on Vite (22:31)
• Developers save time on Vite (24:04)
• Production and development builds and previews (26:44)
• Code-splitting Vite (28:13-29:27)
• Snowpack vs. Vite (30:04)
• ES module compatibility (34:22)
• How You got started building Vite (35:21)
• What should people look forward to in the future of Vite (55:06)

[YashsCodeCamp]

I'm glad that I decided to move to Vite from the very beginning of my career

[ivan.angulo]

At this point I wonder why that logic was not obvious to other bundlers, it is awesome. Btw, is nice see Evan writting React code haha, makes us realize that we are all a big community.

[davidrobertson]

OMG it’s a nightmare to start a project, all of packages the linting setup etc etc. as a newer developer this is going to be amazing.

[ismoilshokirov]

It is impressive to see that even the inventor of VueJS,
habitually starts talking about ReactJS when it comes to SPAs

[secret-alias]

Not convinced this was an interview 😅 more likely originally was a stream

Looks like some kind of watch once then go back and insert comments so it looks like one, but Evan doesn't really respond to the guy(s) talking 😂

Probably the reason for the container margin around the video itself

I still watched it for Evans explanation though 😂

[zarefaworld]

thanks for your explained. iwanna ask in my case i have laravel breeze with vite and i must run 'npm run dev' to open the project and works good. then how to deploy to the web server works good cause in the web server i cannot run ''npm run dev''

[ErikSlagter]

Really great video, although the person that is talking is often in front of the terminal and focus of the video making it hard to follow along.

[CirTap]

What's this nonsense with that tiny video frame in the middle? Why not full screen?

[antonschmidt]

I think Vite should either be called Vit or pronounced as you would pronounce "white" so "vaite".