View profile

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

Revue
 
Hey there, As you all know "Vue" in French stands for "View" and pretty much describes what Vue.js do
 
May 11 · Issue #180 · View online
Vue.js News
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,

📖 Read the issue online
Submit new stories at news.vuejs.org/submit.
News
GitHub - vuejs/vite: Make Web Dev Fast Again
Natalia Tepluhina
Vue Test Utils lib is finally out of beta (yes it was beta all this time, in case if you didn't notice)! Say hi to VTU v1.0 🎉

https://t.co/RjP5jckumx
Kia King Ishii
Vuex 4.0.0-beta.2 is out! Added missing `useStore` typing, and fixed `iife` build containing `process.env`. Now it should work good with Vite 🚀
https://t.co/7lEJJ6QeDq
Announcing Nuxt's $2M seed round - Alexandre Chopin Announcing Nuxt's $2M seed round - Alexandre Chopin
#15: Enjoy The Vue: End to End Testing with Amir Rustamzadeh
#16: Enjoy The Vue: TypeScript with Vue and Vuex with Jack Koppa
Videos
Vue.js 3 Course - Composition API, TypeScript, Testing – Lachlan Miller
Introducing Vue.js 3 Vite A No-Bundle Dev Server For Vue 3 Single File Components Evan You Tutorial – Program With Erik
Vue 3 Composition API with Filip Rakowski – Vue Screencasts
Articles
The case for HOC vs The Composition API - Abdelrahman Awad
State Management with Composition API - Filip Rakowski
Stale-While-Revalidate Data Fetching Composable with Vue 3 Composition API - Markus Oberlehner
Quasar and Browser Extension Development - Getting BEXy - Scott Molinari
Example of Using a Watcher - Michael Thiessen
Vuetensils 0.6: Simpler Forms, Better Accessibility, & Useful Filters! – Austin Gil
💚 Sponsors 💙
Vue School
Vue School
Storyblok
Storyblok
If you enjoy this newsletter, please consider supporting it. Thank you! 💚
Resources
GitHub - vuejs/vitepress
GitHub - nuxt-community/composition-api
Chakra UI Vue
GitHub - unlayer/vue-email-editor
GitHub - posva/vite-tailwind-starter
GitHub - kevinfaguiar/vue-twemoji-picker
Did you enjoy this issue?
If you don't want these updates anymore, please unsubscribe here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue