#180: 🏎 Say hi to Vite! A brand new, extremely fast development setup for Vue. So fast it feels instant!

Hey there,

As you all know “Vue” in French stands for “View” and pretty much describes what Vue.js doing – handling the view part. This week, I’d like to introduce you to “Vite”, which means “Fast”. It’s a brand new development setup created by Evan You (tweets for context). It ditches bundling in the development phase in favor of using native ES imports with on demand compilation of Vue single-file component files and more. Also acts as a local server and is capable of bundling production code using Rollup.

What does it mean? The fact that it is crazy fast. Cold start clocks at around 140ms compared to Vue-CLI 1900ms. But now the best part – changes in code are reflected in the browser almost instantly, without a page reload. HMR that is actually reliable! 🎉

Hold your horses though… Vite is currently still in the experimental phase. You can learn more about the project on GitHub and follow Evan on Twitter for more updates like this one.

Ah, and there is already VitePress! Obviously it’s still a work-in-progress but you can play with it. Just like Vite, it ships with Vue 3.0-beta.

Stay safe,

— Damian Dulisz