Vue 3 is highly modular, exposing different packages for reactivity, rendering, and runtime. Let’s explore the @vue/runtime-dom package, published as part of Vue 3, and build a custom DOM renderer.
Vue.js 3 gives us two new tools - the Composition API and first class TypeScript support. Let's refactor a class Vue.js 2 component to use TypeScript and the Composition API, and discuss the benefits and shortcomings of the old vs the new.
UI Libraries like Vue and React and their Testing libraries, Vue Test Utils and Enzyme, can seem like “magic” sometimes. Let's remove the magic and abstractions, and build a simple testing library from scratch for Vue 3.
Vue 3's alpha has been out for a while now, however most of the core libraries have not caught up yet - namely Vuex and Vue Router. Let's reimplement Vuex, this time using Vue 3's newly exposed reactivity APIs.
One common occurrence I’ve observed across large Vue and React apps is that, over time, the UI logic and business logic becomes so entangled that UI changes break the business logic and vice versa. Let’s look at an example of this, and how we can separate the concerns.
Reducing boilerplate in your unit tests can improve readability. In this article, we refactor the unit tests for a component using Vuex and VueRouter, and extract a useful utility function that can be used throughout the entire codebase.