The Battle of the Frameworks: Who's Really Winning the JavaScript War?

Charts are from different sources and thus colors are inconsistent; please carefully read the chart's legends.

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

Stack Overflow Trends

• Source: Stack Overflow Trends
• Observation: A visual representation of framework popularity based on Stack Overflow discussions.

Stack Overflow Survey Insights

• Data Source: Stack Overflow Survey
• Popularity: React remains the most popular, followed by Angular and Vue.js.
• Desired: Developers desire React, with Vue.js and Svelte following.
• Admired: Svelte leads in admiration, with Solid.js and React close behind.

State of JS Survey Breakdown

• Source: State of JS
• Satisfaction: Solid.js and Svelte top the satisfaction charts, with React and Vue trailing.

JetBrains Developer Ecosystem Report

• Source: JetBrains Report
• Usage: React dominates usage, with Vue and Angular as the next most used frameworks.

Jamstack Community Survey Highlights

• Source: Jamstack Survey
• Popularity: React continues to lead in popularity, but Svelte scores highest in satisfaction.

GitHub Dependency Stats

• Source: GitHub data
• Analysis: A comparison of how many repositories depend on each framework, reflecting community reliance.

NPM Download Trends

• Source: NPM Trends
• Observation: React maintains a significant lead in NPM downloads, with Vue and Angular also showing strong numbers.

NPM Package Dependency Analysis

• Source: NPM package data
• Insight: React leads in packages that depend on it, showcasing its integration into the developer ecosystem.

Twitter Followers Comparison

• Source: Twitter data
• Observation: Twitter followers as a measure of community interest and engagement.

Reddit Subscribers Overview

• Source: Front Page Metrics
• Analysis: The number of Reddit subscribers as an indicator of active community involvement.

Hacker News Hiring Trends

• Source: HN Trends
• Insight: React continues to be the most sought-after skill in job postings.

Indeed Job Market Overview

• Source: Indeed data
• Insight: Job market demand for different frameworks based on postings.

Google Trends Analysis

• Source: Google Trends
• Observation: Google Trends data shows the relative search interest in various frameworks.

YouTube Interest Breakdown

• Source: YouTube Trends
• Analysis: Interest in frameworks as reflected in YouTube search trends.

GitHub Stars Comparison

• Source: Star History
• Insight: Number of stars on GitHub as a measure of community support and adoption.

SimilarTech Market Share Statistics

• Source: SimilarTech
• Observation: Market share and web usage statistics for each framework.

BuiltWith Technology Usage Lookup

• Source: BuiltWith
• Insight: How widely each framework is used across the web.

 

If someone has other charts, please share.

 

Important Dates in Framework History

• AngularJS: Announced on 2010/10/20 | GitHub creation: 2010/01/06
• React: Announced on 2013/05/29 | GitHub creation: 2013/05/24
• Vue: Announced on 2014/02/03 | GitHub creation: 2013/07/29
• Angular 2+: Announced on 2014/10/22 | GitHub creation: 2014/09/18
• Svelte: Initial release on 2016/11/26 | GitHub creation: 2016/11/20
• Solid: Initial release on 2021/06/28 | GitHub creation: 2018/04/24

The Lindy Effect

• Theory: The longer a technology has survived, the more likely it is to continue to thrive.
• Application: Technologies like React, Angular, and Vue have withstood the test of time.

---

This version maintains the structure and content while adding a more engaging and organized presentation.