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…
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!
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!
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.
There are not a lot of requirements to get started (otherwise I shouldn’t have said it was easy).
In order to get started, we’re going to need the new Vue CLI to be installed. As…