Open In App

Comparative study of Svelte vs React vs Angular vs Vue

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”.



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.



Example: It is the sample code of Svelte.




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

Output:

Hello Geeks

ReactJS: Characteristic of reactJS.

Example: It is the sample code of ReactJS.




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

Output:

Hello, Geeks!

AngularJS: Characteristic of angularJS.

Example: It is the sample code of AngularJS.




<!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.

Example: It is the sample code of VueJS.




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




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

Output:

Hello Geeks!

Article Tags :