While Angular can be used to build components, it also comes with other tools that can be used to build a complete web application. Thanks to Angular, developers can build single page applications. Unlike Angular, React is a JavaScript library, not a framework. React is used to build reusable UI elements. Vue is a framework similar to Angular. However, it doesn’t come with all of its functionalities making it lightweight. Vue can be used to build complete component driven applications. Installation Angular To install Angular do the following: git clone https://github.com/angular/quickstart.git quickstart cd quickstart npm install npm start To install the Angular CLI (Command Line Interface) use the command below: npm install -g @angular/cli Installation Angular To install Angular do the following: git clone https://github.com/angular/quickstart.git quickstartcd quickstartnpm installnpm start To install the Angular CLI (Command Line Interface) use the command below: npm install -g @angular/cli React React can be installed using the NPM command below: npm install react --save To install the React CLI, you can use the Create-React-App as seen below: npm install -g create-react-app Vue Vue can be installed using the NPM command below: npm install vue The Vue CLI can be installed with the command below: npm install -g @vue/cli Sample Code Angular: import { enableProdMode } from '@angular/core';import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';import { AppModule } from './app/app.module';import { environment } from './environments/environment';if (environment.production) {enableProdMode();}const bootstrapPromise =  platformBrowserDynamic().bootstrapModule(AppModule);// Logging bootstrap informationbootstrapPromise.then(success => console.log(`Bootstrap success`)).catch(err => console.error(err)); Code snippet gotten from . here React import * as React from "react";import { Component } from 'react';import './App.css';import * as logo from './logo.svg';class App extends Component {           render() {            return (            <div className="App">                        <div className="App-header">                       <img src={logo} className="App-logo" alt="logo" />                      <h2>Welcome to React!</h2>                      </div>                      <p className="App-intro">                     To get started, edit                      <code>src/App.js</code>                       and save to reload.                      </p>          </div>          );            }}

export default App; Code snippet gotten from . here Vue new Vue({el: '#editor',data: {input: '# hello'  },  computed: {   compiledMarkdown: function () {   return marked(this.input, { sanitize: true })  }},  methods: {  update: _.debounce(function (e) {    this.input = e.target.value   }, 300) }}) Code snippet gotten from here Google trends Worldwide interest over time. Each framework and library has its own pros and cons. So the case is choosing the right software tool for a particular product. Written by Anton Shaleynikov

Google

Target

Commerce and Retail: Where Will the New Technology Take the Shoppers?

Infographic: React vs Angular vs Vue.js

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

10 JavaScript Animation Libraries to Follow

10 Useful JavaScript Functions to Learn

10 Cool Angular Material Admin Dashboard Templates

13 Angular App Optimization Tips for Frontend Developers

25 Stories To Learn About Angularjs

16 JavaScript Protips [2020 Edition]

10 JavaScript Animation Libraries to Follow

10 Useful JavaScript Functions to Learn

10 Cool Angular Material Admin Dashboard Templates

13 Angular App Optimization Tips for Frontend Developers

25 Stories To Learn About Angularjs

16 JavaScript Protips [2020 Edition]

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps