Vue.js Nation 2024: 5 Patterns for Better Components by Michael Thiessen

How do you write a good component? It’s a question that comes up again and again once you’ve mastered the basics of Vue. In this talk we’ll explore several different patterns for writing better components. We’ll look at techniques for simplifying our components, making them easier to understand, and getting more out of the components we’ve already got with the author of the Mastering Nuxt 3 course, Michael Thiessen.
Tune in!
🎓 Visit Vue School - vueschool.io/
📗 Master Nuxt 3 with the only Official Nuxt 3 Course
masteringnuxt.com/nuxt3
🍍 Master Pinia with the Author of Pinia, Eduardo San Martin Morote
masteringpinia.com/
🛠 Learn to build a scalable Vue.js App from Scratch using the latest & greatest technologies in the most comprehensive Vue.js Masterclass
vueschool.io/the-vuejs-master...
📜 Get Vue.js Certified with the Official Vue.js Certification Program
certificates.dev/vuejs
🔥 Get the Ultimate Vue Bundle
vuebundle.com/
👩‍💻 Join the largest free online Frontend event
frontendnation.com/
📩 Contact us at [e-mail]

[@erikkosberg1515]

Wow. What a gem this video is :) love the way you broke up components by conditionals. I use vue a lot and never thought to refactor that way. I always am wanting to make my components more readable sometimes it’s tough to start (if it works don’t touch it, sigh)

[@justinlin2105]

Thanks for sharing. Got a question here. for the pattern 1 why use reactive? why not just use ref?

[@daffaaldzakianfauzi8721]

actually you still can use ref. but because it is a reactive variable, it's better using reactive instead of ref. reactive variable is object/array.