Front-end frameworks popularity (React, Vue and Angular)

FrontendFrameworksPopularity.md

As of 2019/12/12

Findings: React is by far the most popular front-end framework (and continues to grow faster), except for the GitHub stars. In addition, React is more loved and "wanted" than other front-end frameworks (although it is more used: satisfaction tends to decrease with popularity).

Charts are from different sources and thus colors are inconsistent, read the chart's legends instead.

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=2019-12-19

NPM packages depending on

2019/12/12:

• React: 48,718 dependents https://www.npmjs.com/package/react
• Vue: 21,575 dependents https://www.npmjs.com/package/vue
• Angular 2+: 9,610 dependents https://www.npmjs.com/package/@angular/core
• AngularJS: 3,969 dependents https://www.npmjs.com/package/angular

2018/12/16:

• 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 "Used by"

• React: 2,833,268 Repositories, 109,242 Packages https://github.com/facebook/react/network/dependents?package_id=UGFja2FnZS0xMzM2NDkxNg%3D%3D
• Vue: 1,157,774 Repositories, 35,410 Packages https://github.com/vuejs/vue/network/dependents?package_id=UGFja2FnZS00OTM3Mjg3MDY%3D

GitHub topics

2019/12/12:

• React: 73,458 repositories https://github.com/topics/react
• Vue: 21,776 repositories https://github.com/topics/vue
• Angular: 20,142 repositories https://github.com/topics/angular

2018/12/16:

• 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

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

2019/12/12:

• Chrome extensions
  • react-devtools: 1,990,443 users https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
  • vue-devtools: 1,093,143 users https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
• Firefox add-ons
  • react-devtools: 99,457 users https://addons.mozilla.org/en-US/firefox/addon/react-devtools/
  • vue-devtools: 68,007 users https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/

2018/12/16:

• 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

2019/12/12:

• React: 355.4K followers https://twitter.com/reactjs
• Vue: 149.3K followers https://twitter.com/vuejs
• Angular: 345.9K followers https://twitter.com/angular

2018/12/16:

• 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/2019/nov-graphql-reaches-top-20.html?compare=React&compare=Vue&compare=AngularJS

Indeed

2019/12/12:

• Paris, France
  • React: 759 jobs https://www.indeed.fr/Paris-Emplois-react-javascript
  • Vue: 336 jobs https://www.indeed.fr/Paris-Emplois-vue-javascript
  • Angular: 785 jobs https://www.indeed.fr/Paris-Emplois-angular-javascript
• London, UK
  • React: 1,643 jobs https://www.indeed.co.uk/React-javascript-jobs-in-London
  • Vue: 286 jobs https://www.indeed.co.uk/Vue-javascript-jobs-in-London
  • Angular: 832 jobs https://www.indeed.co.uk/Angular-javascript-jobs-in-London
• Berlin, Germany
  • React: 634 jobs https://de.indeed.com/react-javascript-Jobs-in-Berlin
  • Vue: 212 jobs https://de.indeed.com/vue-javascript-Jobs-in-Berlin
  • Angular: 356 jobs https://de.indeed.com/angular-javascript-Jobs-in-Berlin
• Mumbai, India
  • React: 300 jobs https://www.indeed.co.in/react-javascript-jobs-in-Mumbai,-Maharashtra
  • Vue: 50 jobs https://www.indeed.co.in/vue-javascript-jobs-in-Mumbai,-Maharashtra
  • Angular: 530 jobs https://www.indeed.co.in/angular-javascript-jobs-in-Mumbai,-Maharashtra

2018/12/16:

• 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)

Stack Overflow survey

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 (+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

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
• Angular (AngularJS + Angular 2+) satisfaction: 37.95% 100-(100/(4396+7186)*7186) for 11,582 users

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

JetBrains survey

• 2019 (7,000 developers): https://www.jetbrains.com/lp/devecosystem-2019/javascript/
  • React: 54% regularly use
  • Vue: 39% regularly use
  • Angular 2+: 23% regularly use
  • AngularJS: 14% regularly use
• 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

2019/12/12:

• React: 1,069,073 websites, 0.83% last month grow, 287,997 unique domains https://www.similartech.com/technologies/react-js
• Vue: 157,831 websites, 1.54% last month grow, 91,509 unique domains https://www.similartech.com/technologies/vuejs
• AngularJS: 517,701 websites, 0.14% last month grow, 203,614 unique domains https://www.similartech.com/technologies/angular-js

2018/12/16:

• 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. But why Vue GitHub stars don't follow the other trends (NPM downloads, NPM dependencies, GitHub topics, Reddit, Stack Overflow, Google, YouTube...)?

https://star-history.t9t.io/#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://star-history.t9t.io/#ReactTraining/react-router&vuejs/vue-router

• react-devtools vs vue-devtools

https://star-history.t9t.io/#facebook/react-devtools&vuejs/vue-devtools

• reactjs.org vs vuejs.org

https://star-history.t9t.io/#reactjs/reactjs.org&vuejs/vuejs.org

• redux vs mobx vs vuex

https://star-history.t9t.io/#reduxjs/redux&mobxjs/mobx&vuejs/vuex

• create-react-app vs vue-cli

https://star-history.t9t.io/#facebook/create-react-app&vuejs/vue-cli

• next vs nuxt

https://star-history.t9t.io/#zeit/next.js&nuxt/nuxt.js

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

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

I've updated the charts (2019/12/12)

Great info

The best reason that I love react is because hooks , react native, react native windows