Angular vs React vs Vue | Which Framework to use in 2020

Pic by Treehouse Youtube channel

If you are in Software Development world then you might have heard of the phrase that if you you want to improve your productivity then you should use a framework. The first thing that comes in mind is that what is framework.

What is Framework?

A Framework is a piece of software that help us to make a application so that you can only focus on High Level functionality without taking care of low level functionalities.

Why we use Framework?

Creating a software or app is a complex process. While creating any app we need to take care many features like designing, testing and coding, which leads us to take care of may thing like error handling, exception and many other factors. So Framework help us to take care of all these problems and issues. Some Advantages of framework are:

1. Helps in practicing best coding practices.
2. Uses Design Pattern
3. Security
4. Modularity
5. Testing and Debugging is easier
6. Time required for development is reduced to some extent.

So If you are a web developer then you would have heard of these 3 framework for web development

1. Angular
2. React
3. Vue

So the main question arises is that which one to use in 2020. The upcoming blog is all about that and In the end I will tell you which one is my favorite.

If you check out job for web developer on indeed there are approximately 19000 jobs only in India, and it is 5500 for angular developer, it is 3800 for react developer and only 500 for Vue developer hmmmmmmmmmmmmmm.

Let get a Brief of these framework

Angular

Angular is a web development framework by Google. It was first released in 2010 using javascript and typescript as the main programming language.

React

React is another web development framework by Facebook. It was first released in 2013 using javascript as the main language.

Vue

Vue is a framework not owned by any big tech giants. Developed by Evan You in 2014 and one of the youngest member in family of web development. Javascript as there main programming language in vue 3 they are planning to shift to typescript.

Size (KB)

1. Angular is about 500KB | Minified Size 252.2 KB
2. React is about 100 KB | Minified Size 6.5 KB
3. Vue is about 80 KB | Minified Size 63.3 KB

Github Star and Link

1. Angular (61.5k Stars | https://github.com/angular/angular)
2. React (149k stars | https://github.com/facebook/react)
3. Vue (165k stars | https://github.com/vuejs/vue)

Github Stars History

As we have seen that job for angular developer is high in market then react and least for vue.

Learning Curve

Angular has the steep learning curve. In order to master angular you need to learn concepts like MVC , MVVM and Typescript also.

React is to some point easier than angular but in order to use features you need to use other libraries and plugins.

Vue is one of the easiest to all the three framework to learn having the capability of being highly customizable.

Pros and Cons of Angular

PROS

1. Uses typescript
2. Use of CLI of modules and component development
3. Detailed Documentation
4. Binding makes app error free.
5. Dependency Injections
6. Structure and architecture
7. Uses MVVM

CONS

1. Lot of things to learn like Injectables, Pipe, Observable etc making it harder to learn.
2. Slower in performance.

Pros and Cons of React

PROS

1. Easy to learn
2. Uses JSX for templating
3. More focus on coding rather than framework
4. Fast due to virtual DOM implemenation
5. Support for PWA
6. Data binding is one way
7. Use of Redux
8. Functional Programming
9. Can directly be used to build REACT NATIVE APPS

CONS

1. Mix logic for JSX
2. React is moving away from class based component to OOP.
3. Community is divided.

Pros and Cons of Vue

PROS

1. Tiny Size
2. Scalability
3. Integration
4. Detailed Documentation
5. Optimized HTML

CONS

1. Lack of Resources
2. Risk of over flexibility.

Conclusion

It does not matter which framework you choose to develop any app. You should know each and every feature of that framework so that you can use it perfectly.

REFRENCES

1. https://www.valuecoders.com/blog/technology-and-apps/vue-js-comparison-angular-react/
2. https://www.codeinwp.com/blog/angular-vs-vue-vs-react/
3. https://medium.com/techmagic/reactjs-vs-angular5-vs-vue-js-what-to-choose-in-2018-b91e028fa91d

Make sure to subscribe to my YouTube Channel :

https://youtu.be/yWSdXqf_2k4

And follow on Instagram:

@mycodecave

Also on Facebook :

https://www.facebook.com/CodeCave-299370007293562

You can join my whatsapp flutter group the link is in the bio of instagram.