Front end frameworks popularity (React, Vue and Angular)

FrontendFrameworksPopularity.md

Original Reddit discussion: https://www.reddit.com/r/webdev/comments/a5r76w/once_every_23_years_a_new_front_end_framework_wins/ebouw5o

The only chart that shows Vue outperforming others is GitHub stars (1). All the others charts show the opposite.

2018/12/16

NPM downloads

• https://www.npmtrends.com/react-vs-vue-vs-@angular/core
• https://npm-stat.com/charts.html?package=react&package=vue&package=%40angular%2Fcore&from=2014-12-12&to=2018-12-12

NPM packages depending on

• React: 32,331 dependents https://www.npmjs.com/package/react
• Vue: 9,792 dependents https://www.npmjs.com/package/vue
• Angular 2+: 7,555 dependents https://www.npmjs.com/package/@angular/core
• AngularJS: 3,693 dependents https://www.npmjs.com/package/angular

GitHub topics

• React: 50,517 repositories https://github.com/topics/react
• Vue: 14,624 repositories https://github.com/topics/vue
• Angular: 14,823 repositories https://github.com/topics/angular

Reddit metrics

http://redditmetrics.com/r/reactjs#compare=vuejs+angular2+angular

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Cangularjs%2Cjquery

Google trends

• https://trends.google.com/trends/explore?cat=733&date=today%205-y&q=React,Vue,Angular
• https://trends.google.com/trends/explore?cat=31&date=today%205-y&q=React%20javascript,Vue%20javascript,Angular%20javascript

YouTube

https://trends.google.com/trends/explore?date=today%205-y&gprop=youtube&q=React%20javascript,Vue%20javascript,Angular%20javascript

Developer Tools

https://twitter.com/olivtassinari/status/1091485530813018113 https://docs.google.com/spreadsheets/d/1qKRyNn4pkChcO-Q_g-nFksUZdQmsd8SG5csDSBeM5Nw

• Chrome extensions

  • react-devtools: 1,374,221 users https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
  • vue-devtools: 719,783 users https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

• Firefox add-ons

  • react-devtools: 64,988 users https://addons.mozilla.org/en-US/firefox/addon/react-devtools/
  • vue-devtools: 36,982 users https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/

Twitter

• React: 278K followers https://twitter.com/reactjs
• Vue: 102K followers https://twitter.com/vuejs
• Angular: 304K followers https://twitter.com/angular

(could not find hashtags trends)

Hacker News Hiring Trends

https://www.hntrends.com/2018/dec-react-closes-out-dominant-2018.html?compare=React&compare=Vue&compare=AngularJS

Indeed

• Paris, France
  • React: 567 jobs https://www.indeed.fr/emplois?q=react+javascript&l=Paris
  • Vue: 269 jobs https://www.indeed.fr/emplois?q=vue+javascript&l=Paris
  • Angular: 764 jobs https://www.indeed.fr/emplois?q=angular+javascript&l=Paris
• London, UK
  • React: 1,695 jobs https://www.indeed.co.uk/jobs?q=React+javascript&l=London
  • Vue: 291 jobs https://www.indeed.co.uk/jobs?q=Vue+javascript&l=London
  • Angular: 1,207 jobs https://www.indeed.co.uk/jobs?q=Angular+javascript&l=London
• Berlin, Germany
  • React: 614 jobs https://de.indeed.com/Jobs?q=react+javascript&l=Berlin
  • Vue: 172 jobs https://de.indeed.com/Jobs?q=vue+javascript&l=Berlin
  • Angular: 382 jobs https://de.indeed.com/Jobs?q=angular+javascript&l=Berlin
• Mumbai, India
  • React: 145 jobs https://www.indeed.co.in/jobs?q=react+javascript&l=Mumbai%2C+Maharashtra
  • Vue: 23 jobs https://www.indeed.co.in/jobs?q=vue+javascript&l=Mumbai%2C+Maharashtra
  • Angular: 318 jobs https://www.indeed.co.in/jobs?q=angular+javascript&l=Mumbai%2C+Maharashtra

(could not find worldwide charts)

stateofjs.com 2018 survey (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
• Angular (AngularJS + Angular 2+?) satisfaction: 41.37% 100-(100/(4817+6826)*6826) for 11,643 users

Stack Overflow 2018 survey (+100,000 developers)

• https://insights.stackoverflow.com/survey/2018#technology-frameworks-libraries-and-tools
• https://insights.stackoverflow.com/survey/2018#technology-most-loved-dreaded-and-wanted-frameworks-libraries-and-tools

JetBrains survey

• 2018 (6,000 developers): https://www.jetbrains.com/research/devecosystem-2018/javascript/
  • React: 60% regularly use
  • Vue: 33% regularly use
  • AngularJS: 21% regularly use
  • Angular 2+: 20% regularly use
• 2017 (5,000 developers): https://www.jetbrains.com/research/devecosystem-2017/javascript/
  • React: 49% regularly use
  • Vue: 20% regularly use
  • AngularJS: 44% regularly use
  • Angular 2+: 22% regularly use

SimilarTech: market share & web usage statistics

• React: 420,066 websites, 35.4% last month grow, 196,048 unique domains https://www.similartech.com/technologies/react-js
• Vue: 54,881 websites, 14.1% last month grow, 40,033 unique domains https://www.similartech.com/technologies/vuejs
• AngularJS: 325,339 websites, 7.15% last month grow, 171,570 unique domains https://www.similartech.com/technologies/angular-js

httparchive.org JavaScript Library Detection

• https://discuss.httparchive.org/t/javascript-library-detection/955
• https://discuss.httparchive.org/t/javascript-library-detection/955/17

 

If someone has other charts, please share.

 

Some dates

• AngularJS
  • First announcement: 2010/10/20 https://en.wikipedia.org/wiki/AngularJS
  • GitHub repository creation: 2010/01/06
• React
  • First announcement: 2013/05/29 https://blog.risingstack.com/the-history-of-react-js-on-a-timeline/
  • GitHub repository creation: 2013/05/24
• Vue
  • First announcement: 2014/02/03 (9 months after React) https://news.ycombinator.com/item?id=7169288 http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/
  • GitHub repository creation: 2013/07/29
• Angular 2+
  • First announcement: 2014/10/22 https://en.wikipedia.org/wiki/Angular_(application_platform)#Version_2
  • GitHub repository creation: 2014/09/18

 

Why Vue has so many GitHub stars?

Vue is popular and highly regarded (91.15% satisfaction). But why Vue GitHub stars don't follow the other trends (NPM downloads, NPM dependencies, GitHub topics, Reddit, Stack Overflow, Google, YouTube...)?

https://www.timqian.com/star-history/#facebook/react&vuejs/vue&angular/angular

• GitHub stars is believed to be a bad measure: https://twitter.com/sandofsky/status/1007727882095886336
• "Vue sub people were talking about banding together to boost its stars on github": maybe, I could not find any confirmation of this claim
• Vue community obsessed about GitHub stars? That could add
• Buzz/hype? Most probably, a GitHub star is just a click
• Vue is popular in China (because its documentation is available in Chinese and its author Evan You was born there) and some tools aren't used in China (Google, npmjs.com, Indeed, Hacker News...)

What about Vue ecosystem? Does it get also a lot of GitHub stars?

• A router is one of the first piece of a SPA, let's look at vue-router (the official router for Vue) vs react-router (the de facto router for React)

https://www.timqian.com/star-history/#ReactTraining/react-router&vuejs/vue-router

• react-devtools vs vue-devtools

https://www.timqian.com/star-history/#facebook/react-devtools&vuejs/vue-devtools

• reactjs.org vs vuejs.org

https://www.timqian.com/star-history/#reactjs/reactjs.org&vuejs/vuejs.org

• redux vs mobx vs vuex

https://www.timqian.com/star-history/#reduxjs/redux&mobxjs/mobx&vuejs/vuex

• create-react-app vs vue-cli

https://www.timqian.com/star-history/#facebook/create-react-app&vuejs/vue-cli

 

(1) https://www.timqian.com/star-history/#facebook/react&vuejs/vue&angular/angular

Wow

Good information .. I had been coding with vueJS for 6 month and 4 months with React but I prefer code with React cause it designed for bigger apps.

Great analysis

its Old data! VUE #1 !!!!!!!!!!! EVER!

Make it a repo for everyone to update the chart ;)