View profile

Weekly Vue.js News - #35

Michael Hoffmann (Mokkapps)
Michael Hoffmann (Mokkapps)
@mokkapps
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
Michael Hoffmann
💡 Vue Tip:

Animate child component before route leave

👉🏻 Vue Router provides a way to use transitions on your route components and animate navigations.
👉🏻 But sometimes, you might want to animate a specific (sub-)component before a route is left.

https://t.co/n4C4XdrGSj https://t.co/M4h3dJ07Sg
Vue Tip: Animate Child Component Before Route Leave
Vue Tip: Animate Child Component Before Route Leave
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.
mokkapps.de
Vue
Why Vue is (by default) more performant than React
Why Vue is (by default) more performant than React
“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.”
medium.com
🛠️ Vuetify 3 is in beta
🛠️ Vuetify 3 is in beta
Vuetify 3’s API is now stable, bringing it another step closer to official Vue 3 support.
github.com
📹 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
www.youtube.com
Web Development Articles & Tweets
Michael Hoffmann
💡 TypeScript Tip:

Make every property of an interface required using the <Required> utility type https://t.co/qeL0gzey6N
How to use the keyof operator in TypeScript
How to use the keyof operator in TypeScript
This article examines the keyof operator and discusses how to use it together with generics, conditional types, and template literal types.
blog.logrocket.com
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.
www.zhenghao.io
Assertion Functions in TypeScript
Assertion Functions in TypeScript
Assertion functions in TypeScript are functions that throw an error if something unexpected happened.
mariusschulz.com
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.
www.zhenghao.io
Michael Hoffmann
❓ I don't understand why '!important' override values in CSS?

🤔 Shouldn't it to the opposite? It reads "not important" ....
Quote of the week
Tools & Misc
🛠️ Explain shell commands
🛠️ Explain shell commands
👉 Found a shell command online but not sure how it works?
👉 This web app explains how your shell commands work.
www.shell.how
Prettier 2.6: new singleAttributePerLine option and new JavaScript features
Prettier 2.6: new singleAttributePerLine option and new JavaScript features
This release includes a new singleAttributePerLine option to print only one attribute per line in Vue SFC templates, HTML, and JSX.
prettier.io
Did you enjoy this issue? Yes No
Michael Hoffmann (Mokkapps)
Michael Hoffmann (Mokkapps) @mokkapps

Hi 👋

My name is Michael Hoffmann and I'm a Senior Frontend Developer, Freelancer and Blogger.

I focus on Vue.js, JavaScript, TypeScript and Spring Boot. Occasionally I also give career & freelancer advice.

My weekly emails reflect this preference.

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.
Holzapfelkreuther Straße 19, 81375 Munich, Germany