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”.
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!
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...