Weekly Vue.js News - #35
Hi 👋
In this issue, I have curated a few interesting articles and tweets to help you in your journey to become a Vue expert.
I hope you will enjoy this weeks’ issue and if you have any feedback, please get in touch with me on Twitter - @mokkapps or via email: mail@mokkapps.de.
Have a great week ☀️
Vue: Tip of the week
Vue Tip: Animate Child Component Before Route Leave — mokkapps.de
Vue Router provides a way to use transitions on route components and animate the navigations. But sometimes, you might want to animate a specific (sub-)component before a route is left.
Vue
Why Vue is (by default) more performant than React — medium.com
"After 5 years of experience in Vue, I recently switched to React. I started comparing how React and Vue behave during this transition and decided to share what I discovered."
Vuetify 3's API is now stable, bringing it another step closer to official Vue 3 support.
📹 Migrating From Vue CLI to Vite
👉 In this talk, Daniel will walk you through the migration from Vue CLI to Vite
👉 Vite's development server is faster
👉 Hot Module Replacement (HMR) remains fast no matter the size of the application
Web Development Articles & Tweets
How to use the keyof operator in TypeScript — blog.logrocket.com
This article examines the keyof operator and discusses how to use it together with generics, conditional types, and template literal types.
A complete guide to TypeScript’s never type
Zhenghao gives a detailed explanation of the never type:
👉 How it works
👉 Why it’s needed
👉 Some practical applications
👉 Pitfalls to avoid.
Assertion Functions in TypeScript — mariusschulz.com
Assertion functions in TypeScript are functions that throw an error if something unexpected happened.
Type polymorphic functions in TypeScript
Zhenghao tells us how to statically type functions that behave differently depending on the number and types of their arguments.
Quote of the week
Tools & Misc
🛠️ Explain shell commands — www.shell.how
👉 Found a shell command online but not sure how it works?
👉 This web app explains how your shell commands work.
Prettier 2.6: new singleAttributePerLine option and new JavaScript features — prettier.io
This release includes a new singleAttributePerLine option to print only one attribute per line in Vue SFC templates, HTML, and JSX.
