TL: DR - take me to the code -> Vue 3 Code Sandbox The idea of motion design has been around since the 1950s. Its primary advantage over the static counterpart is user engagement. Our eyes evolved to pay particular attention to moving objects. Motion design aims to do precisely

Vue is a great framework to develop user interfaces. It has experienced a great deal of growth in popularity since its initial release in 2014 and still continues to improve. The third and final part of this series explains how to ship your final application inside a productive docker container

After getting a grip on reactivity and component communication, let's look at what basic features remain. Take slots and attributes. We use them mostly in templates. But what if you must access them in your script? Say, to write a functional component? Functional components The official docs recommend using HTML

Declaring a local state with references is a good start. Still, in all but the most simple cases, you will want your components to be able to interact with one another. That's where properties and events come into play. In case you're after the code, check out this repos' branch

Reactivity is the buzzword in every frontend framework. And Vue's reactivity module makes handling state a breeze. In this article, we'll explore how to apply fundamental reactivity concepts to a Vue app. And how Typescript helps us by making our reactive data more robust.

Vue 3 has been completely rewritten in Typescript. Okay. Now, what does that mean for your next web project? This article series will shine a light on what makes Vue 3 so different.

The wave, aka the ripple effect, became popular with Google's material design guidelines. When a user interacts with a button, a wave-like animation would spread outwards from the clicking/touching point. Read on to learn how to implement this feature with a Vue.js directive.

Vue is a great framework to develop user interfaces. It has experienced a great deal of growth in popularity since its initial release in 2014 and still continues to improve. This second part of the series will explain how to develop "in" a container and ship your app with a custom Docker workflow

Directives are one of Vue's most powerful concepts. They provide direct access to a DOM element over its lifecycle. And you're not restricted to the built-in ones but can also write your own custom directives.