Photo by Samuel Sianipar on Unsplash

Often when starting a new project, people add a lot of dependencies to their project. When I ask them why they added a certain dependency I get an answer like: “that’s how it’s done” or “that’s how I’ve learned to do it”.

This often results in a lot of bloat in these projects while actually using a small part of the dependency. The same goes for Vuex even though you don’t necessarily need it.

Let me start off with saying that Vuex is a very useful, cool and powerful tool and I’ve used it often in Vue (2) projects. So…

Photo by Paul Skorupskas on Unsplash

These days animation is used a lot in websites. Especially elements that animate when they enter the view have gained massive popularity. It isn’t that difficult to understand why as it looks awesome. The landing page of GitHub is an excellent example of how cool this can be.

“So how can I build my own?”

There are two techniques that, when combined, will allow us to create a reusable component that can be used to animate any content once it enters into the view. So let’s get started!

The setup

You probably have your own project that you’re currently working on, but…

Photo by AbsolutVision on Unsplash

Vue 3 is a new and exciting framework for building websites and web applications. As it is new, you’ll run into some specific things you would like to add but are unsure on how to implement.

A common example for this is adding styling to a menu once it “sticks” to the top of your page. I’ve ran into the same thing and it took me a while to figure it out so I’ll show you how to do it. It’s a lot simpler than I expected!

The setup

You probably have your own project that you’re currently working on, but for…

Vue logo
Vue logo

Vue 3 is here for a while now and you might be wanting to start working with it. For a lot of people, including me, it may seem a little daunting at first.

Luckily, it’s actually very easy to set up and with the newly created CLI it‘s now even more pleasing to use.

Vue CLI requirements

There are not a lot of requirements to get started (otherwise I shouldn’t have said it was easy).

  • Node.js version 8.9 or above (10 or higher recommended though)
  • Terminal

Installing Vue CLI

In order to get started, we’re going to need the new Vue CLI to be installed. As…

Michael Verschoof Ex-Java developer turned Javascript / Typescript and Vue developer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store