Avoid a common Vue PERFORMANCE KILLER

Описание: Registering components globally is a common patter but also often a performance killer. Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already.
PS: You also learn reading a tree chart and analyzing your bundle!

#vuejs3 #vue #typescript

---
Links and Resources

🔗 Join me at Vue.js Amsterdam 205 - 10% OFF with Code LICHTER https://lichter.link/vue-ams-25 *
🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/e...

🔗Vite Bundle Visualizer https://github.com/KusStar/vite-bundl...

📺 ‪@DejaVueFm‬ #E047 - A Vue at Alexander Lichter    • DejaVue #E047 - A Vue at Alexander Lichter  

---
Chaptermarks

00:00 Intro
00:19 Don't be lazy!
01:12 Our simple demo app
06:23 Registering our test component globally
08:04 Comparing charts before and after
09:30 How to resolve the performance faux pas
11:13 Comparing all three charts
12:05 Auto imports vs global registration
13:08 Wrapping up

---

Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with.