React? Vuejs? OR Angular? But Which?

November 29, 2023

Actually, the answer to this question is very clear: "Whichever You Prefer Depending on the Situation"

Although the performances of the applications are almost close to each other, React JS is now leading the market. We think that the choice of React JS is entirely the choice of companies or individuals. But is it really so?

Now let's examine the features of these 3 Frameworks;

React: It is a JavaScript library developed by Facebook. It has a modular structure and offers a component-based approach. React, which has a large community, increases performance by using virtual DOM (Document Object Model) and is widely preferred for creating dynamic user interfaces. React is generally known for being usable on larger-scale projects and across multiple platforms (web, mobile).

Vue.js: It is an easy-to-learn, flexible and lightweight JavaScript framework. Vue offers a component-based structure and has a lower learning curve compared to other frameworks. Thanks to its flexibility, it has a wide range of uses, from small and medium-sized projects to large-scale applications. Vue is especially preferred for simple and fast prototyping.

Angular: It is a TypeScript-based framework developed by Google. Angular uses the MVC (Model-View-Controller) model and offers a comprehensive structure. Ideal for large-scale, complex and enterprise applications. Since Angular is a complete framework, it contains many built-in features and can be advantageous for developers who want to use these features.

Vue JS started to become very popular in the 2020s, but somehow its popularity fell. If we look at the main reason for this;

Companies Are Constantly Searching for React JS Developers and Developers Are Turning to React JS Again

Yes, everyone has the internet at their fingertips, so a frontend developer can use any Framework they want in their long or short term projects. However, I think the companies' search for more React JS Developers than expected has upset the VUE JS side a bit. As for Angular, it is obvious that he does not care much. Because Angular is preferred in large-scale projects. We must say that it has a more solid infrastructure.

Let's take a look at the working mechanisms;

React Counter Example

main.js

import React, { useState } from 'react';

function ReactCounter() {
  const [count, setCount] = useState(0);

  const increment = () => {
    setCount(count + 1);
  };

  const decrement = () => {
    setCount(count - 1);
  };

  return (
    <div>
      <h1>React Counter</h1>
      <p>Count: {count}</p>
      <button onClick={increment}>Increase</button>
      <button onClick={decrement}>Decrease</button>
    </div>
  );
}

export default ReactCounter;

Vue Counter Example

main.js

<template>
  <div>
    <h1>Vue.js Counter</h1>
    <p>Count: {{ count }}</p>
    <button @click="increment">Increase</button>
    <button @click="decrement">Decrease</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0
    };
  },
  methods: {
    increment() {
      this.count++;
    },
    decrement() {
      this.count--;
    }
  }
};
</script>

Angular Counter Example

main.js

import { Component } from '@angular/core';

@Component({
  selector: 'app-counter',
  template: `
    <div>
      <h1>Angular Counter</h1>
      <p>Count: {{ count }}</p>
      <button (click)="increment()">Increase</button>
      <button (click)="decrement()">Decrease</button>
    </div>
  `
})
export class CounterComponent {
  count: number = 0;

  increment() {
    this.count++;
  }

  decrement() {
    this.count--;
  }
}

menu

React? Vuejs? OR Angular? But Which?

React Counter Example

Vue Counter Example

Angular Counter Example