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.

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