After having seen the most important programming languages, databases, Backend Frameworks, in this new article: The Most Popular JavaScript Frameworks – 2011/2020. Data and popularity are calculated based on the number of Stars of the repositories exported from GitHub Archive.
Top 10 Most Popular JavaScript Frameworks 2011/2020
What are the Top 10 Most Popular JavaScript Frameworks in 2020? Thanks to the video made below you can see the trend from 2011 to 2020 of this particular parameter. As of January 2020, the top JavaScript FrameWorks is Vue.js. With a value of 153.120 this open-source JavaScript framework is at the top of the list. First position that Vue.js reached since August from 2018 when it overtook React which is currently in second position. React as of today has a value of 140,007 and is detached from Vue.js by a value of 13 thousand stars on Github. In third place, there is instead node.js which has a value, as of January 2020, of 67501. A value that is half of Vue.js and React but still places Node.js in third place ahead of Angular JS.
Among the top 15 positions, we also find jQuery, Next.JS, Svelte, and closes, in fifteenth position, Aurealia.js with a value of 11.288. The situation almost 10 years as it was? The first Javascript Frameworks in December 2011 was JQueri with a value of 5282 followed by SproutCore with 1022 and Prototype & Scripto with 819. jQuery held the head of this ranking for years being overtaken in 2014 by AngularJS and later by React, Vue.js and NodeJS. jQuery is currently in sixth position.
Top 10 Most Popular JavaScript Frameworks 2021
The Most Popular JavaScript Frameworks
- Vue.JS
Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
If you’d like to learn more about Vue before diving in, we created a video walking through the core principles and a sample project.
If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the Comparison with Other Frameworks. (Source: https://vuejs.org/v2/guide/)
2. React
React (also known as React.js or ReactJS) is an open-source, front-end, JavaScript library for creating user interfaces. It is maintained by Facebook and a community of individual developers and companies.
React can be used as a base in the development of single-page applications but is also usable on mobile via React Native, a library also developed by Facebook that translates React components into native components (iOS and Android). However, React is only concerned with rendering data on the DOM, so creating React applications generally requires the use of additional libraries for state management and routing. Redu and React Router are the respective examples of such libraries. Source: https://en.wikipedia.org/wiki/React_(JavaScript_library)
3. Node.JS
Node.js is an open source cross-platform event-oriented runtime system for executing JavaScript code, built on Google Chrome’s V8 JavaScript engine. Many of its core modules are written in JavaScript, and developers can write new modules in JavaScript.
Originally, JavaScript was primarily used client-side. In this scenario, JavaScript scripts, generally embedded within the HTML of a web page, are interpreted by an execution engine embedded directly within a Browser. Node.js, on the other hand, allows JavaScript to also be used to write code to be executed server-side, such as for producing the content of dynamic web pages before the page is sent to the user’s Browser. Node.js in this way allows you to implement the so-called “JavaScript everywhere” paradigm, unifying Web application development around a single programming language (JavaScript).
Node.js has an event-oriented architecture that makes asynchronous I/O possible. This design aims to optimize Throughput and scalability in web applications with many input/output operations, it is also great for real-time System web applications (e.g. real-time communication programs or browser games).
Node.js is a distributed Open source development project managed by the Node.js Foundation and facilitated through the Linux Foundation’s Collaborative Projects Program. (Source: https://it.wikipedia.org/wiki/Node.js)
4. Angular JS
HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs. Read on to find out how. (Source: https://angularjs.org/)
5. jQuery
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Source: https://jquery.com/
6. Nest JS
Nest (NestJS) is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with and fully supports TypeScript (yet still enables developers to code in pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Under the hood, Nest makes use of robust HTTP Server frameworks like Express (the default) and optionally can be configured to use Fastify as well!
Nest provides a level of abstraction above these common Node.js frameworks (Express/Fastify), but also exposes their APIs directly to the developer. This gives developers the freedom to use the myriad of third-party modules which are available for the underlying platform.
7. Meteor JS
Meteor, or MeteorJS, is a free and open-source isomorphic JavaScript web framework written using Node.js. Meteor allows for rapid prototyping and produces cross-platform (Android, iOS, Web) code. It integrates with MongoDB and uses the Distributed Data Protocol and a publish–subscribe pattern to automatically propagate data changes to clients without requiring the developer to write any synchronization code. On the client, Meteor can be used with any popular front-end JS framework, Vue, React, Svelte, Angular, or Blaze.
Meteor is developed by Meteor Software. The startup was incubated by Y Combinatorand received $11.2M in funding from Andreessen Horowitz in July 2012.Meteor raised an additional $20M in Series B funding from Matrix Partners, Andreessen Horowitz and Trinity Ventures. It intends to become profitable by offering Galaxy, an enterprise-grade hosting environment for Meteor applications. Source: https://en.wikipedia.org/wiki/Meteor_(web_framework)
8. Backbone.js
Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
The project is hosted on GitHub, and the annotated source code is available, as well as an online test suite, an example application, a list of tutorials and a long list of real-world projects that use Backbone. Backbone is available for use under the MIT software license. Source: https://backbonejs.org/
9. Svelte
Svelte is a radical new approach to building user interfaces. 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. Source: https://svelte.dev/
10. Nuxt JS
Nuxt is based on a powerful modular architecture. You can choose from more than 50 modules to make your development faster and easier. You don’t have to reinvent the wheel to get PWA benefits, add Google Analytics to your page or generate a sitemap.
With Nuxt.js, your application will be optimized out of the box. We do our best to build performant applications by utilizing Vue.js and Node.js best practices. To squeeze every unnecessary bit out of your app Nuxt includes a bundle analyzer and lots of opportunities to fine-tune your app.
Our main focus is the Developer Experience. We love Nuxt.js and continuously improve the framework so you love it too! 💚
Expect appealing solutions, descriptive error messages, powerful defaults and detailed documentation. If questions or problems come up, our helpful community will help you out. Source: https://nuxtjs.org/
Source and useful links
The sources for this video are different. Data source: GitHub; Wikipedia
See the video here: The Most Popular JavaScript Frameworks https://youtu.be/o78hP63Q-iQ
Follow our channel for more videos: https://youtube.com/c/statisticsanddata
Visit the website for further information and articles: https://statisticsanddata.org/
Support “Statistics and Data”
