December 04, 2021 in Web Development Articles
Written by Craig McKeachie
The Stack Overflow Annual Developer Survey is the most reliable source of information as it has the over 80,000 developers completing it each year from diverse technical backgrounds. The most relevant parts of the survey are the Web Frameworks sections, in particular the Most popular technologies, as well as the Most loved/dreaded, and wanted frameworks.
In 2021, React.js surpassed jQuery as the most used web framework and Angular and Vue.js continue to increase adoption.
Newcomer Svelte takes the top spot as the most loved framework. The blue is loved. The purple is dreaded.
React is the most wanted, desired by one in four developers. Vue.js is also appealing to many developers.
Each data point on this chart represents the number of weekly downloads for each of these frameworks.
Also, it is important to point out that both Angular and Vue.js are newer and their adoption is still growing rapidly with double the downloads of two years ago. Each framework is downloaded nearly 3 million times a week. In summary, Angular and Vue.js are still excellent framework choices.
One last thing to consider is that in my experience, Angular is used considerably more in large companies. These companies often have an internally hosted npm repository for security reasons where developers can download only approved libraries instead of getting the open-source code externally from npm. This can easily mean one download should have counted as 10,000 downloads (some companies employ a lot of developers!), so I believe the numbers get skewed.
The Technology Radar from Thoughtworks is more opinionated, granular, and cutting edge in its evaluation of technologies and is great to look at as well. They are giving an Adopt recommendation for React Hooks (they feel strongly that the industry should be adopting these items) and a Trial recommendation for React Query. These are both interesting technologies that Accelebrate's customizable React training can include. In summary, even if your team has been using React for a while, consider an updated training on using React Hooks and React Query to modernize your React skills.
The YouTube channel that created the above video, Fireship.io, is an amazing resource for keeping up on new technology. They commonly present 100-second videos on new technologies and don't waste your time. Here are four 100-second videos on React, Angular, Vue, and Svelte to convince you:
After watching a few of the videos, you quickly see how these frameworks differ from one another. Let me highlight some of these technical differences, particularly in the syntax and APIs:
Svelte has innovated in several significant ways including having less code, being a compiler and not a framework (resulting in the framework disappearing when built for production, and lastly being truly reactive.
Even in the simplest example, Svelte is 9 lines of code compared to 21 lines of code in React and 18 lines of code in Vue. This difference becomes significant over even a medium-sized code base.
Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.
Instead of complex state management APIs (React Hooks) or libraries (Redux), Svelte builds reactivity into the DOM itself, which is innovative and results in less code, easier to understand code, and faster code.
Written by Craig McKeachie
We offer private, customized training for 3 or more people at your site or online.
Our live, instructor-led lectures are far more effective than pre-recorded classes
If your team is not 100% satisfied with your training, we do what's necessary to make it right
Whether you are at home or in the office, we make learning interactive and engaging
We accept check, ACH/EFT, major credit cards, and most purchase orders
New York City
Salt Lake City