Accessible Vue Apps

Build more accessible Vue apps with practical guidance on semantic HTML, ARIA bindings, focus management, accessible routing, keyboard navigation, and common mistakes to avoid.

Reactivity Best Practices in Vue

Learn Vue 3 reactivity best practices, including ref vs reactive, computed caching, watch vs watchEffect, common pitfalls, and performance tips.

Building Better Abstractions with Vue Render Functions

Learn a practical pattern for using Vue render functions to build better abstractions and simplify your component architecture

The Curious Case of Vue’s Function Props

A curious look at Vue’s function props and their unexpected advantages over emits.

Wait for that tick

Learn how Vue's nextTick works, why DOM updates are batched, and how to avoid timing issues when working with refs and animations.

Falling with Style

Learn how Vue.js fall-through attributes work, when they're useful, and common pitfalls to avoid. Master class, style, and event handling in components.

Vue's Magical Reactivity Has Some Quirks

Why does Vue's reactivity sometimes behave unexpectedly? Explore ref unwrapping edge cases and cloning complications with clear examples and fixes.

Just Use useTemplateRef for Template Refs

Vue 3.5's useTemplateRef eliminates template ref headaches: no more type mismatches, silent typos, or verbose component typing. Here's why it's worth the switch.

Getting Started With Provide/Inject In Vue.js

Explore what’s beyond props and events with Vue's powerful Provide/Inject API. This article teaches you how to escape prop drilling and build cleaner, more maintainable components with type safety, and advanced patterns.