As a developer here at Fabled Solutions, one of my favourite things to do is write code that can be used across many different applications. Writing reusable code makes it more valuable as it saves a considerable amount of time and effort while building other, later projects. Those are the main reasons why I have fallen in love with frontend frameworks.
I know there are a lot of frontend frameworks out there — Angular, Ember.js, React, and Vue.js just to name some of the more popular ones — but I’ve come to appreciate Vue the most. To be fair, I have also worked with Vue the most, so this article is more of an opinion piece to convince you to use Vue for your next project.
Why use a frontend framework?
There are a lot of reasons to use a frontend framework. The biggest one for me, as I’m sure you have already guessed, is reusability. A common concept that frameworks share is components. These are small, self-contained pieces of code that can easily be used to render content to a webpage. For example, I could create a navigation bar as a component and add it to any page I want a navigation bar on by simply using the custom HTML entity that relates to that component (e.g.
). The framework then replaces that single tag with all the complicated HTML that I have written in the component itself. Depending on the way the component is built, it can even be transferred to another project.
Vue makes transferring your components to other projects really simple. Vue uses the concept of plugins to make global components and functions even easier to use. I mostly use plugins for very general HTML such as building a table or creating a modal, however, the community has a large variety of plugins with which you can use to build an entire website.
Data-driven rendering just works
Why Use Vue?