Author: Karsten Silz
Nov 1, 2022 6 min read

Permalink: https://betterprojectsfaster.com/guide/java-full-stack-report-2022-11/fe-web/

Java Full-Stack Index Q4/2022: Web Frameworks

The content of this page is identical throughout Q4/2022 - October, November, and December.

Summary for Q4/2022

  • Popularity trend: React is #1, Angular #2, and Vue #3. React leads Angular 1.4:1 in job ad mentions and pulls away from Angular in developer popularity. Vue holds steady in all categories at about half of Angular’s level but catches up in job ad mentions and (more slowly) in students at Udemy.
  • If you already use React, Angular, or Vue in your project, then keep using them. Otherwise, evaluate a migration. In many (most?) cases, such migration doesn’t make business sense.
  • If you start a new project or migrate, then start with React first, Angular otherwise, and finally Vue.

Archive

2022 Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2021 Dec Nov

Table Of Contents

Applications

These recommendations are for building web enterprise applications on PCs and mobile devices - forms, data grids, reports. They are not for games or media applications.

Choices

State of the Art

Declarative UIs are state of the art. Learn about it here.

Popularity

Why Popularity - and How?

Picking a popular technology makes our developer life easier: Easier to learn, easier to build, debug & deploy, easier to find jobs/hire, and easier to convince teammates & bosses. Now popularity can make a difference in two situations: When multiple technologies score similarly, we could go for the most popular one. And when a technology is very unpopular, we may not use it.

I measure popularity among employers and developers as the trend between competing technologies. I count mentions in job ads at Indeed for employer popularity. For developer popularity, I use Google searches, Udemy course buyers, and Stack Overflow questions.

Employers: Job Ads

The Indeed job search is active in 62 countries representing 89% of the worldwide GDP in 2020. It demonstrates the willingness of organizations to pay for a technology - the strongest indicator of popularity in my mind. Angular is the baseline. With 0.6% and 0.4%, respectively, Thymeleaf and Vaadin are missing from the chart.

Job ad mentions at Indeed for Angular, JSF, React, Thymeleaf, Vaadin, and Vue
Job ad mentions at Indeed for Angular, JSF, React, Thymeleaf, Vaadin, and Vue

React wins, Angular is second, and Vue is third. React lost slightly against Angular, being back at February levels. Vue steadily gained on Angular over the last three months and is now more than half of Angular’s volume. JSF held steady at a very low level.

Please see here for details, caveats, and adjustments to the job ad mentions.

You can find the detailed search results with links here. They include breakdowns by continents:

Developers

Students at Udemy

Udemy is one of the biggest online learning sites. They publish the number of people who bought a course (beyond a certain threshold, possibly around 100k). This shows how many people evaluate a technology. Angular is the baseline. The other frameworks don’t cross the reporting threshold for Students at Udemy (possibly around 100,000 students).

Students at Udemy for Angular, React, and Vue
Students at Udemy for Angular, React, and Vue

React wins, Angular is second, and Vue is third. React slowly pulls away from Angular while Vue catches up at a slower rate.

Here are the links that show the courses for all and the number of students for some:

Google Searches

Google Trends demonstrates the initial interest in a technology over time. Thymeleaf is not on the list because Google only allows 5 search terms. “More searches = better” to me.

Google Trends for Angular, JSF, React, Vaadin, and Vue
Google Trends for Angular, JSF, React, Vaadin, and Vue

This link produces the chart above. Here’s a version with Thymeleaf instead of Vaadin: Thymeleaf also flat-lines.

React wins, Angular is second, and Vue is third. React just hit its all-time high and leads Angular 2.5:1. Angular lost a quarter of its July 2019 peak. Vue is 18% off of its April 2022 peak and has half of Angular’s volume. All other frameworks are insignificant against these three.

Questions at Stack Overflow

Stack Overflow Trends shows which percentage of questions at Stack Overflow has a particular technology tag. It is a proxy for using a technology during evaluation and productive use. “More questions = better” to me.

Questions at Stack Overflow for Angular, JSF, React, Thymeleaf, Vaadin, and Vue
Questions at Stack Overflow for Angular, JSF, React, Thymeleaf, Vaadin, and Vue

This link produces the chart above.

React wins, Angular is second, and Vue is third. React has grown spectacularly for 7.5 years but may be declining now. Still, one in 16 questions at Stack Overflow is about React. Angular continues its 4-year decline, though at a slower rate in the last 1.5 years, and lost nearly half of its questions. Vue has declined for a year but still has more than half of Angular’s question volume. JSF, Vaadin, and Thymeleaf barely register against the “Big Three”.

Analysis

I use the following criteria to recommend one of the three choices - Angular, React, and Vue:

  • Java: Angular wins here because it uses Typescript by default. Typescript is closer to Java than plain JavaScript.
  • Declarative: Declarative is state-of-the-art for front-end development. Please see my guide for it. React uses it by default. Angular does not so React wins.
  • Safe: Google has the image of killing projects and has multiple competing front-end frameworks. That’s why I’m a little more confident that React will still be around in five years.
  • Popular: As you can see above, React is the most popular framework.
  • Web functionality: It’s a draw as all three frameworks can build the kind of applications we need.
  • Libraries: I don’t know which of these three frameworks has the most and best libraries. I think many libraries work in all three.
  • Speed: I think you can build the fastest applications with React because it has features to speed up the concurrent loading of components.
  • Build, Deploy & Debug: I don’t know which of these three frameworks has the shortest build & deploy cycle and the best debug experience.

Based on these criteria and my ratings, React is the winner, Angular second, and Vue third. My recommendation is this:

  • If you already use React, Angular, or Vue in your project, then keep using them.
  • If you use another framework, then investigate migration to React first, then Angular, and finally Vue. In many (most?) cases, such migration doesn’t make business sense.
  • If you start a new project, then start with React first, Angular otherwise, and finally Vue.

comments powered by Disqus