Michael Thiessen
@MichaelThiessen
🇨🇦 Educator | @vuejs | @nuxt_js | AI 🎉 @MasteringNuxt Full Stack Unleashed (link below) 👉 Composable Design Patterns 👉 Clean Components Toolkit
Just re-recorded the very first lesson for @MasteringNuxt now that @nuxt_js 4 is officially out! No more upgrading, we can now install 4 directly 🎉
Ref vs. reactive in @vuejs. Which is better? Does it even matter? If you're still wondering about this, I spent 10+ hours researching this question. I put it all together in this article, along with my own recommendations. michaelnthiessen.com/ref-vs-reactive
I explored the new useTemplateRef composable in @vuejs 3.5 and how it can simplify your components and composables. My article covers both basic and advanced usage, including how to handle template refs in v-for loops and with flexible arguments. michaelnthiessen.com/how-to-access-…
Did you know that @vuejs has 3 different kinds of props? Understanding their differences is crucial in writing better components. Read about them in this article: 3 Kinds of Props in Vue michaelnthiessen.com/3-kinds-of-pro…
Dynamic IDs are useful for testing, but can get tricky with SSR. Let's make a directive to do this easily, in both vanilla @vuejs and in @nuxt_js. michaelnthiessen.com/ssr-safe-dynam…
Upgrading the entire repo took me about 20 minutes and I only had 5 hours of bad sleep last night (due to sick toddler).
Just re-recorded the very first lesson for @MasteringNuxt now that @nuxt_js 4 is officially out! No more upgrading, we can now install 4 directly 🎉
Have you ever made an "inline" composable in @vuejs? If not, there are some good use cases for it. At the very least, it teaches you some useful things about how Vue and its reactivity works. michaelnthiessen.com/inline-composa…
How do you override the internal state of a @vuejs component? The Controlled Props Pattern is an elegant way of doing this. Read about it here: michaelnthiessen.com/controlled-pro…
What does *good* state management look like? I took some time to write down (most of) my thoughts on this subject. It's one of my favourite articles (I even made diagrams!). michaelnthiessen.com/effective-stat…
I finally hit 20k followers. I've been just shy for a couple years, and it's bothered me. 20,000 is just a much nicer number than 19,869
Please watch this short(er) episode if you're at all concerned or have questions about the Vercel and @nuxt_js relationship. I think it makes a big difference to see how Sebastien and Daniel are thinking about this.
And the episode is out! Listen now to Daniel Roe and @Atinux explaining what impact the @nuxtlabs acquisition of @vercel has! * For you as developer * For the Nuxt framework * For the community * For the folks who worked at NuxtLabs before And more! **This will bring clarity**
Here's the simplest pattern I know for simplifying your @vuejs components: It's the Extract Conditional Pattern. michaelnthiessen.com/extract-condit…
Vercel did NOT acquire @nuxt_js. They acquired @nuxtlabs, a for-profit company building products in the Nuxt ecosystem. Nuxt remains open source and independent. We, the community, are the ones who own it and control it's future.
This video went viral around the time I got my first guitar. For some reason I was thinking about it and I had to rewatch it. Just as good as it was 19 years ago. youtube.com/watch?v=QjA5fa…
Are you using the right level of reusability in your @vuejs components? There are 6 different levels of reusability, and choosing the right one at the right time is important to make sure you aren't wasting your time. Read about them here: michaelnthiessen.com/6-levels-of-re…
This is one of my favourite patterns for splitting up components in @vuejs. We're looking for extra components lurking inside of other components. It's quite a powerful pattern. michaelnthiessen.com/hidden-compone…
Every now and then I like to do weird experiments with @vuejs. It's fun, and I always learn a lot. (In fact, this is how I got my first talk!) In this article I wrote about creating an If/Else component. michaelnthiessen.com/building-unnec…