Why would you want to learn VueJS now?
Tags: vue, javascript, beginners
Published: 2021-03-31 05:39:54

---
title: Why would you want to learn VueJS now?
published: true
description: VueJS - The Progressive Javascript Framework
tags: vuejs, javascript, beginner
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s---JfDQW_Q--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://thepracticaldev.s3.amazonaws.com/i/9ijvb8gnrf5m24e2f6br.png
---

Everyone has their favorite JS framework based on their own style and preference. Why would a developer bother looking into a different one if what they are currently using is working?

- VueJs is very easy to learn and easy to use. It uses components as building blocks that are small, reusable, and can be dropped in different parts of the application.

It has directive that will let us render a data very easily.
```html
<div id="app">
  {{ message }}
</div>
```
```js
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
```

Also, have a directive to loop over a list in a template.
```html
<div id="app">
  <ol>
    <li v-for="todo in todos">
      {{ todo.text }}
    </li>
  </ol>
</div>
```
```js
new Vue({
  el: '#app',
  data: {
    todos: [
      { text: 'Learn JavaScript' },
      { text: 'Learn Vue' },
      { text: 'Build something awesome' }
    ]
  }
})
```

There is so much functionality that this framework has done to make our lives easier. Check their [website](https://vuejs.org/v2/guide/)

- VueJS documentation is one of the best I have ever read with great examples
- Ecosystem is big and great. The framework has the community that created all the libs and tools you will ever need to build, organize and scale your front end applications
- Their CLI is outstanding and flexible. You can choose to what level of libs and tools. For example: You can add unit or integration framework you want, whether you want to include a store, router, es6, and many more and the CLI will build this kind of customization for you.
- VueJS according to the survey is trending as the top 2 in terms of popularity and satisfaction. More metrics can be found here - [Survey Metrics](https://gist.github.com/tkrotoff/b1caa4c3a185629299ec234d2314e190)

### Stack Overflow survey
2020 (february 2020, 65,000 developers): https://insights.stackoverflow.com/survey/2020

Popularity: React.js 35.9%, Angular 25.1%, Vue.js 17.3%, Angular.js 16.1%
Loved: React.js 68.9%, Vue.js 66.0%, Angular 54.0%, Angular.js 24.1%
Dreaded: Angular.js 75.9%, Angular 46.0%, Vue.js 34.0%, React.js 31.1%
Wanted: React.js 22.4%, Vue.js 16.4%, Angular 10.6%, Angular.js 7.7%
2019 (january 2019, +90,000 developers): https://insights.stackoverflow.com/survey/2019

Popularity: React.js 31.3%, Angular/Angular.js 30.7%, Vue.js 15.2%
Loved: React.js 74.5%, Vue.js 73.6%, Angular/Angular.js 57.6%
Dreaded: Angular/Angular.js 42.4%, Vue.js 26.4%, React.js 25.5%
Wanted: React.js 21.5%, Vue.js 16.1%, Angular/Angular.js 12.2%
2018 (january 2018, +100,000 developers): https://insights.stackoverflow.com/survey/2018

Popularity: Angular 36.9%, React 27.8%
Loved: React 69.4%, Angular 54.6%
Dreaded: Angular 45.4%, React 30.6%
Wanted: React 21.3%, Angular 14.3%
stateofjs.com survey
2020 (december 2020, 23,765 respondents): https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

React satisfaction: 87.49% 100-(100/(15071+2154)*2154) for 17,225 users
Vue satisfaction: 85.15% 100-(100/(9029+1574)*1574) for 10,603 users
AngularJS + Angular 2+ satisfaction: 41.60% 100-(100/(5046+7081)*7081) for 12,127 users
2019 (december 2019, 21,717 respondents): https://2019.stateofjs.com/front-end-frameworks/

React satisfaction: 89.33% 100-(100/(14382+1717)*1717) for 16,099 users
Vue satisfaction: 87.14% 100-(100/(8122+1198)*1198) for 9,320 users
AngularJS + Angular 2+ satisfaction: 37.95% 100-(100/(4396+7186)*7186) for 11,582 users
2018 (november 2018, 20,268 developers): https://2018.stateofjs.com/front-end-frameworks/overview/

React satisfaction: 90.60% 100-(100/(13062+1355)*1355) for 14,417 users
Vue satisfaction: 91.15% 100-(100/(5810+564)*564) for 6,374 users
AngularJS + Angular 2+ satisfaction: 41.37% 100-(100/(4817+6826)*6826) for 11,643 users

Want to watch a video instead? Below is a youtube video. Happy coding! {% youtube 370IEM1NgEY %}

If you want to support me - [Buy Me A Coffee](https://www.buymeacoffee.com/letscode77)