VueJS javascript framework and why I love it

Several years ago I started building web apps with React JS and I reached the point where I was thinking to myself, does it always have to be so complex even for smaller applications?

5 Articles

What I totally love about VueJS

This is usually the point when you would expect a detailed comparison of VueJS with other js frameworks but not here.

To be honest my favorite thing about VueJS is the documentation. If you start developing in VueJS this is the single point of truth and if you are way more experienced you use the documentation as an - let’s say - external brain repository where you know exactly how to find the things you are searching for.

The second thing I love about VueJS is the elegant programming style and patterns you use. I still enjoy the built in transitions or adding prevented click events to an element is smooth and easy to read. With the last point comes the biggest advantage of VueJS compared to other js frameworks. If you work in teams it is way easier to understand the functionality inside another developers componen. The framework makes it so easy to start with a structured component so even inexperienced developers can’t mess it up.

VueJS in comparison to other frameworks like ReactJS

You can find a lot of pros and cons about every js framework on the market. My favorite is the comparison you can find on vuejs.org because it starts with the following sentences.

Being so similar in scope, we’ve put more time into fine-tuning this comparison (with React) than any other. We want to ensure not only technical accuracy, but also balance.

Here you can find a comparison of VueJS with React, Angularjs, Angular, Ember, Knockout, Polymer and Riot.

Vue’s main focus is simplicity

Sometimes having less options leads to more productivity - at least for me.

Vue’s core team created special libraries for routing and state management together with more helpful tools. The main benefit of Vue-router, Vuex and Vue CLI is the fact that these are deeply integrated into Vue and supported by the core team.

Vue CLI gives you an easy way to start a new project and thanks to the Tailwind CSS plugin you can start a new project in seconds and it automatically optimizes your styles thanks to Purge CSS.

Some of my latest articles tackling Vue.js
September 2020

How to fix the viewport height issue on mobile browsers

In some mobile browsers the Viewport height is taller than the visible part of the page. Is there a fix and how can I adapt it in Tailwind CSS and VueJS? Here is the …
July 2020

A ready to use Notification VueJS Component

This Vue.js Component is based on Tailwind CSS so you can easily add it into your existing Tailwind project. If you would like to change some layouts - feel free - and …

Go native

Like React Native Vue startet an official collaboration with Weex so you can use the same Vue component syntax to build native Apps on iOS and Android. Weex calls itself a framework for building performant mobile apps with modern web technology. I haven’t tried it yet but I will start shortly. Do you have any experiences with Weex? Start a conversation with me on Twitter .

<template>
  <div style="justify-content:center">
    <text class="freestyle">Yo</text>
  </div>
</template>

<style scoped>
  .freestyle {
    color: #41B883;
    font-size: 233px;
    text-align: center;
  }
</style>

All links in a practical list

Related articles

Thoughts, topics or solutions I would like to make available to you, colleagues and fellow enthusiasts.
September 2020

How to fix the viewport height issue on mobile browsers

In some mobile browsers the Viewport height is taller than the visible part of the page. Is there a fix and how can I adapt it in Tailwind CSS and VueJS? Here is the …
July 2020

A ready to use Notification VueJS Component

This Vue.js Component is based on Tailwind CSS so you can easily add it into your existing Tailwind project. If you would like to change some layouts - feel free - and …
June 2020

Tutorial for a flexible Basic Icon Vue js Component

An easy to use Vue js Base Icon Component you can use everywhere in your single or multi page application. Have control over all icons you are using inside your app.
June 2020

How to update your VueJS app easily - best practice

Usually VueJS updates everything automatically but sometimes its reactivity system is not working for you and you start thinking about: how do I re-render a component.
June 2020

My favorites of the VueJS style guide + one more thing

Besides all as essential defined coding rules in VueJS there are a bunch of recommended rules and I want to show you my favorite rules from the VueJS style guide.

Various topics

I enjoy diving into the details so, for those who know me personally, it is not surprising that I chose to summarize this knowledge in some articles.