Skip to content
Related Articles

Related Articles

Improve Article

Comparative study of Svelte vs React vs Angular vs Vue

  • Last Updated : 31 Mar, 2021

JavaScript: “Brendan Eich” at Netscape Inc created JavaScript in 1990 and named it “LiveScript” initially. Later on, it was renamed JavaScript. JavaScript is the scripting language of the web and is uses objects to perform actions and to make the web alive by adding motion to it. The prerequisites to learn JavaScript is HTML and CSS which could be more precisely said as HTML5 and CSS3.

JavaScript has been renamed a serval times, like in the early release it was called as “Mocha”, then renamed to “LiveScript” furthermore along with the time it was renamed to “JavaScript” and now some organizations call it as “ECMAScript”.

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

There is no such high-end requirement for the tools in order to write the code of JavaScript, we just need a text editor for it, some popular text editor is Notepad, Notepad++, Adobe Dreamweaver.

Svelte: Characteristic of Svelte.



  • It is a compiler and not a framework.
  • It does not add a block of codes as other frameworks do.
  • Very small code and fast bundles.
  • Provided only core set of instructions.
  • No additional improvements are provided.
  • Popular but have a small community and pretty new to the market.
  • One-man show, as it is developed not by a team.
  • Worth exploring in adding but not well established, hard to find real-world projects.

Example: It is the sample code of Svelte.

main.js




<script>
    let name = 'Geeks';
</script>
  
<h1>Hello {name}!</h1>

Output:

Hello Geeks

ReactJS: Characteristic of reactJS.

  • It is a library of JavaScript.
  • Small, fast-size bundles is provided.
  • Provides only core set of instructions.
  • Some additional improvements are provided.
  • Popular and relatively mature library.
  • Developed for Facebook.
  • It is well established, and it is being used, also easy to learn and implement.

Example: It is the sample code of ReactJS.

app..js




ReactDOM.render(
  <h1>Hello, Geeks!</h1>,
  document.getElementById('root')
);

Output:

Hello, Geeks!

AngularJS: Characteristic of angularJS.



  • It is a framework of JavaScript.
  • Medium-sized fast bundles are provided.
  • Provides a huge set of features.
  • Lots of additional improvements are provided.
  • Popular and relatively more mature.
  • Developed by Google.
  • Well Established and easy to find projects implement using the angular framework

Example: It is the sample code of AngularJS.

index.ts




<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf 8" />
  </head>
  <body ng-app="app">
    <h1 ng-controller="HelloWorldCtrl">
      {{message}}
    </h1>
    <script src=
    </script>
    <script>
      angular.module("app", [])
        .controller("HelloWorldCtrl", function ($scope) {
        $scope.message = "Hello Geeks";
      });
    </script>
  </body>
</html>

Output:

Hello Geeks

VueJS: Characteristic of VueJS.

  • It is a framework of JavaScript.
  • Small, fast bundles are provided.
  • Provides medium size set of features.
  • Some additional improvements are provided.
  • Extremely popular and relatively mature.
  • Open source team effort.
  • Establishing Framework and needs more time to capture the market.

Example: It is the sample code of VueJS.

index.html




<div id="app">
  {{ message }}
</div>

app.js




var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Geeks!'
  }
})

Output:

Hello Geeks!



My Personal Notes arrow_drop_up
Recommended Articles
Page :