Skip to content

Instantly share code, notes, and snippets.

@Ishaan28malik
Last active September 15, 2023 08:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Ishaan28malik/9f9bc91a3426ccd1fa7b251a41274e75 to your computer and use it in GitHub Desktop.
Save Ishaan28malik/9f9bc91a3426ccd1fa7b251a41274e75 to your computer and use it in GitHub Desktop.
Angular Vs React Vs Vue

Installation

Angular

image

  • npm install -g @angular/cli
  • ng new angular-counter-app
  • ng serve

React

image

  • npm create-reac-app react-counter-app
  • npm start

Vue

image

  • npm install -g @vue/cli
  • vue create vue-counter-app
  • npm run serve

Angular by default runs at Port:4200

  • It works with interacting with html file seperately unlike your React or vue
  • Material UI was first launched for Angular and most famous is PrimeNg
  • Build Size => 151KB
  • State management in Angular => @Input/@Output properties / or within the component
  • State management library Example => ngrx

React by default runs on PORT:3000

  • It works on JSX so no html and css you can create other file .
  • Build Size => 500KB
  • State management in React => Hooks , Redux , Context
  • State management library Example => Redux

Vue by default runs at Port:8080

  • It has nothing like a seperate file all the data and styling and functionality goes inside .vue file
  • Build Size => 600KB
  • State management in Vue => data { } within the component
  • State management library Example => vuex

DEMO https://github.com/Ishaan28malik/ARV-demo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment