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!

📗 Master Nuxt 3 with the only Official Nuxt 3 Course

🍍 Master Pinia with the Author of Pinia, Eduardo San Martin Morote

🔥 Get the Ultimate Vue Bundle

👩‍💻 Join the largest free online Frontend event

[erikkosberg]

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)

[justinlin]

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