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

FrontendFrameworksPopularity.md

Findings: React is by far the most popular front-end framework/library (and continues to grow faster). In addition, React is more loved and "wanted" than most 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.

Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

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

Stack Overflow survey

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

2022 (june 2022, +70,000 developers): https://survey.stackoverflow.co/2022/

• Popularity: React.js 42.62%, Angular 20.39%, Vue.js 18.82%, Angular.js 8.99%, Svelte 4.58%
• Loved: Svelte 75.28%, React.js 68.19%, Vue.js 63.16%, Angular 52.27%, Angular.js 21.01%
• Want: React.js 22.54%, Vue.js 14.6%, Angular 7.18%, Svelte 9.34%, Angular.js 4.32%

2021 (august 2021, +80,000 developers): https://insights.stackoverflow.com/survey/2021

• Popularity: React.js 40.14%, Angular 22.96%, Vue.js 18.97%, Angular.js 11.49%, Svelte 2.75%
• Loved: Svelte 71.47%, React.js 69.28%, Vue.js 64.41%, Angular 55.82%, Angular.js 23.18%
• Want: React.js 25.12%, Vue.js 16.69%, Angular 8.47%, Svelte 6.57%, Angular.js 5.8%

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%
• 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%
• 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%
• Wanted: React 21.3%, Angular 14.3%

stateofjs.com survey

2022 (january 2023, 39,472 responses): https://2022.stateofjs.com/en-US/libraries/front-end-frameworks/

• Solid satisfaction: 90.87% 100-(100/(1883+189)*189) for 2,072 users 1883+189
• Svelte satisfaction: 89.62% 100-(100/(6296+729)*729) for 7,025 users 6296+729
• React satisfaction: 82.95% 100-(100/(22637+4652)*4652) for 27,289 users 22637+4652
• Vue satisfaction: 77.32% 100-(100/(11892+3487)*3487) for 15,379 users 11892+3487
• AngularJS + Angular 2+ satisfaction: 42.62% 100-(100/(6929+9328)*9328) for 16,257 users 6929+9328

2021 (february 2022, 16,085 respondents): https://2021.stateofjs.com/en-US/libraries/front-end-frameworks/

• Solid satisfaction: 89.47% 100-(100/(340+40)*40) for 380 users 340+40
• Svelte satisfaction: 89.40% 100-(100/(2431+288)*288) for 2,719 users
• React satisfaction: 83.65% 100-(100/(9082+1774)*1774) for 10,856 users
• Vue satisfaction: 79.91% 100-(100/(5590+1405)*1405) for 6,995 users
• AngularJS + Angular 2+ satisfaction: 44.73% 100-(100/(3306+4084)*4084) for 7,390 users

2020 (december 2020, 23,765 respondents): https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

• Svelte satisfaction: 88.89% 100-(100/(2810+351)*351) for 3,161 users
• 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
• Svelte satisfaction: 87.63% 100-(100/(1368+193)*193) for 1,561 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/

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

JetBrains survey

2021 (july 2021, 31,743 developers): https://www.jetbrains.com/lp/devecosystem-2021/javascript/

• React: 49% regularly use
• Vue: 43% regularly use
• Angular 2+: 18% regularly use
• AngularJS: 9% regularly use
• Svelte: 3% regularly use

2020 (january 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
• Svelte: 2% regularly use

2019 (january 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 (january 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 (december 2016, 5,000 developers): https://www.jetbrains.com/research/devecosystem-2017/javascript/

• React: 49% regularly use
• AngularJS: 44% regularly use
• Angular 2+: 22% regularly use
• Vue: 20% regularly use

Jamstack Community Survey

2022 (2022/11/07, 6,544 responses): https://jamstack.org/survey/2022/#frameworks-by-usage-and-satisfaction

• Popularity: React 71%, Vue 33%, Angular 2+ 20%, Svelte 19%, Angular.js 14%, SolidJS 6%
• Satisfaction: Svelte 5.3, Vue 3.1, React 2.9, Angular 2+ 0.7, Angular.js 0.3, SolidJS 2.0

GitHub repositories that depend on

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

NPM downloads

https://npmtrends.com/@angular/core-vs-lit-vs-react-vs-solid-js-vs-svelte-vs-vue

NPM packages depending on

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

Twitter followers

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

Reddit subscribers

https://frontpagemetrics.com/r/reactjs#compare=vuejs+angular2

Hacker News Hiring Trends

https://www.hntrends.com/2022/november.html?compare=React&compare=Vue&compare=Angular+2&compare=AngularJS

Indeed

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

Google trends

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

YouTube

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

GitHub stars

https://star-history.com/#facebook/react&vuejs/vue&angular/angular&sveltejs/svelte&solidjs/solid&lit/lit

SimilarTech: market share & web usage statistics

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

BuiltWith Technology Lookup

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

 

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 https://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

Svelte

• Initial release: 2016/11/26 https://svelte.dev/blog/frameworks-without-the-framework
• GitHub repository creation: 2016/11/20

Solid

• Initial release: 2021/06/28 https://dev.to/ryansolid/solidjs-official-release-the-long-road-to-1-0-4ldd
• GitHub repository creation: 2018/04/24

Lindy effect

The longer a technology has survived, it is also likely to have a longer remaining life expectancy: https://en.wikipedia.org/wiki/Lindy_effect

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

Great info

Very interesting, thanks for sharing.

This is absolutely fantastic

Great work!
I also use discord, gitter and dev.to in my charts maybe you'd like to add them as well

@Yennutiebat if you have more relevant charts you are more than welcome to share them!

Very good job! This was useful to make a presentation at my job as well! Thanks!

Amazing job...

love it, thx.

Such an amazing article with detailed stats. One more stats for developers to consider is hiring trends.

Naukri Insights data shows that while React is more in Demand in internet companies (product start ups, unicorn), Angular is still the preferred framework for IT service companies.

Hiring trend in Indian IT service industry in 2021

Hiring trend in Indian internet industry in 2021

Source -
https://insights.naukri.com/career-tools/skills-trends/demand-for-angular-vs-react?&industry=_dd25
https://insights.naukri.com/career-tools/skills-trends/demand-for-angular-vs-react?&industry=_dd63

Great Information

Beautiful, thank you!

Seems like the author of the article prefers react to other frameworks

Wow! That's amazing!

These are certainly great information. Recently our team wrote a general blog with angular vs react and I am going to include the information from this gist blog as per more latest info soon. Very nice writing.

Seems like the author of the article prefers react to other frameworks

gist seems very objective, it has tons of sources

awesome

awesome

awesome

Does graphs are enough to justify client needs or even to give an IDEA ? I know that i can learn anything but why should i learn and why should not ? ....i hate this loop inside of my head, i wish i knew based on What type of applications are needed and which langauge is more suitable for that NEED. I remember when i was in collage i started with simple example of "Making Tea Alogrithm" , back then i knew only one way, and now so many that i don't what's the original one or what's used the most or which one should i pick or what's most trending in the market or which one is more powerful, reliable, expandable, etc etc etc. Maybe i'm thinking only in one direction.

I guess the only answer for now is "Whatever the boss or colleagues says, let's go for that".
I wonder what does the creator do or learn when they create languages, maybe something more old and deep like assembly langauge or C.

awesome

numbers don't lie

Cool, awesome!

Btw, I hope all the graphs would be interactive rather than static images.

Thanks. When you need to create a business essay that is unique, you must first look at https://www.grabmyessay.com/samples/category/business a list of business essay examples before figuring out how to apply your newly obtained information to your essay. You may use these examples of business essays to determine what steps to take in your own situation. Study the way each topic was introduced, and note how the quotes were included to raise the credibility level.