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

FrontendFrameworksPopularity.md

Findings: React is by far the most popular front-end framework/library (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, please carefully read the chart's legends.

Stack Overflow trends

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

Stack Overflow survey

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

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

JetBrains survey

• 2020 (19,696 developers): https://www.jetbrains.com/lp/devecosystem-2020/javascript/

  • React: 64% regularly use
  • Vue: 32% regularly use
  • Angular 2+: 24% regularly use
  • AngularJS: 11% regularly use

• 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

NPM downloads

• https://www.npmtrends.com/react-vs-vue-vs-@angular/core

NPM packages depending on

https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

2020/12/28:

• React: 65,729 dependents https://www.npmjs.com/package/react
• Vue: 35,777 dependents https://www.npmjs.com/package/vue
• Angular 2+: 11,210 dependents https://www.npmjs.com/package/@angular/core
• AngularJS: 4,125 dependents https://www.npmjs.com/package/angular

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"

https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

2020/12/28:

• React: 5,294,660 Repositories, 155,148 Packages https://github.com/facebook/react/network/dependents?package_id=UGFja2FnZS0xMzM2NDkxNg%3D%3D
• Vue: 1,821,848 Repositories, 57,193 Packages https://github.com/vuejs/vue/network/dependents?package_id=UGFja2FnZS00OTM3Mjg3MDY%3D
• Angular 2+: 1,630,131 Repositories, 24,240 Packages https://github.com/angular/angular/network/dependents?package_id=UGFja2FnZS00NTE2NDYyMzQ%3D

2019/12/12:

• 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

2020/12/28:

• React: 118,042 repositories https://github.com/topics/react
• Vue: 30,275 repositories https://github.com/topics/vue
• Angular: 27,619 repositories https://github.com/topics/angular

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

Twitter

https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

2020/12/28:

• React: 448.9K followers https://twitter.com/reactjs
• Vue: 195.5K followers https://twitter.com/vuejs
• Angular: 376.2K followers https://twitter.com/angular

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/2020/dec-year-unlike-any-other-tech-tools-didnt-change-much.html?compare=React&compare=Vue&compare=Angular+2&compare=AngularJS

Indeed

2020/12/28:

• Paris, France
  • React: 605 jobs https://www.indeed.fr/Paris-Emplois-react-javascript
  • Vue: 287 jobs https://www.indeed.fr/Paris-Emplois-vue-javascript
  • AngularJS + Angular 2+: 567 jobs https://www.indeed.fr/Paris-Emplois-angular-javascript
• London, UK
  • React: 1,118 jobs https://www.indeed.co.uk/React-javascript-jobs-in-London
  • Vue: 282 jobs https://www.indeed.co.uk/Vue-javascript-jobs-in-London
  • AngularJS + Angular 2+: 481 jobs https://www.indeed.co.uk/Angular-javascript-jobs-in-London
• Berlin, Germany
  • React: 637 jobs https://de.indeed.com/react-javascript-Jobs-in-Berlin
  • Vue: 227 jobs https://de.indeed.com/vue-javascript-Jobs-in-Berlin
  • AngularJS + Angular 2+: 337 jobs https://de.indeed.com/angular-javascript-Jobs-in-Berlin
• Mumbai, India
  • React: 338 jobs https://www.indeed.co.in/react-javascript-jobs-in-Mumbai,-Maharashtra
  • Vue: 65 jobs https://www.indeed.co.in/vue-javascript-jobs-in-Mumbai,-Maharashtra
  • AngularJS + Angular 2+: 466 jobs https://www.indeed.co.in/angular-javascript-jobs-in-Mumbai,-Maharashtra

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
  • AngularJS + Angular 2+: 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
  • AngularJS + Angular 2+: 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
  • AngularJS + Angular 2+: 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
  • AngularJS + Angular 2+: 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
  • AngularJS + Angular 2+: 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
  • AngularJS + Angular 2+: 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
  • AngularJS + Angular 2+: 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
  • AngularJS + Angular 2+: 318 jobs https://www.indeed.co.in/jobs?q=angular+javascript&l=Mumbai%2C+Maharashtra

(could not find worldwide charts)

Developer Tools

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

2020/12/28:

• Chrome extensions
  • react-devtools: 2,000,000+ users https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
  • vue-devtools: 1,000,000+ users https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
• Firefox add-ons
  • react-devtools: 111,698 users https://addons.mozilla.org/en-US/firefox/addon/react-devtools/
  • vue-devtools: 77,485 users https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/

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/

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

SimilarTech: market share & web usage statistics

2020/12/28:

• React: 1,114,016 websites, 0.53% last month grow, 314,855 unique domains https://www.similartech.com/technologies/react-js
• Vue: 216,476 websites, 1.14% last month grow, 137,838 unique domains https://www.similartech.com/technologies/vuejs
• AngularJS: 382,041 websites, 0.63% last month grow, 193,314 unique domains https://www.similartech.com/technologies/angular-js

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

BuiltWith Technology Lookup

2020/12/28:

• React: https://trends.builtwith.com/javascript/React

  • Total Live 2,609,160
  • French Live Sites 34,420
  • Live and Historical 4,379,299
  • Top 1m 8.81% 88,078
  • Top 100k 20.81% 20,807
  • Top 10k 37.68% 3,768

• Vue: https://trends.builtwith.com/javascript/Vue

  • Total Live 1,189,351
  • French Live Sites 11,665
  • Live and Historical 1,846,100
  • Top 1m 4.99% 49,870
  • Top 100k 11.17% 1,167
  • Top 10k 19.01% 1,901

• Angular: https://trends.builtwith.com/javascript/Angular

  • Total Live 108,012
  • French Live Sites 2,796
  • Live and Historical 231,918
  • Top 1m 1.41% 14,080
  • Top 100k 4.15% 4,147
  • Top 10k 7.91% 791

• AngularJS: https://trends.builtwith.com/javascript/Angular-JS

  • Total Live 1,043,549
  • French Live Sites 19,837
  • Live and Historical 3,805,541
  • Top 1m 5.5% 55,036
  • Top 100k 13.8% 13,801
  • Top 10k 24.3% 2,430

2020/05/13:

• React: https://trends.builtwith.com/javascript/React

  • Total Live 593,518
  • French Live Sites 9,279
  • Live and Historical 1,703,967
  • Top 1m 4.24% 42,447
  • Top 100k 12.2% 12,203
  • Top 10k 24.84% 2,484

• Vue: https://trends.builtwith.com/javascript/Vue

  • Total Live 454,496
  • French Live Sites 3,599
  • Live and Historical 823,001
  • Top 1m 2.26% 22,563
  • Top 100k 4.82% 4,825
  • Top 10k 8.75% 875

• Angular: https://trends.builtwith.com/javascript/Angular

  • Total Live 68,955
  • French Live Sites 1,434
  • Live and Historical 159,419
  • Top 1m 0.7% 6,994
  • Top 100k 2.06% 2,058
  • Top 10k 4.25% 425

• AngularJS: https://trends.builtwith.com/javascript/Angular-JS

  • Total Live 1,048,962
  • French Live Sites 14,642
  • Live and Historical 3,601,485
  • Top 1m 4.29% 42,904
  • Top 100k 11.32% 11,320
  • Top 10k 20.6% 2,060

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

• @material-ui/core vs @angular/material vs vuetify

https://star-history.t9t.io/#mui-org/material-ui&vuetifyjs/vuetify&angular/components

https://www.npmtrends.com/@material-ui/core-vs-vuetify-vs-@angular/material

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

The only thing i hate about react is hooks, doesn't make much sense to me, as functional components are just wrapper on top of class components as Facebook said. But when used with class based parent components, they do magic. Functional on its own is not as good as class based

@SandeepVattapparambil dude it's component base programming not object oriented programming. so classes make no sense at all. even non react Platforms like flutter are going go use hooks

Very interesting, thanks for sharing.

I've updated the charts (2020/12/28)

More charts here: https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

This is absolutely fantastic