Tuesday, July 7, 2020

Angular vs Vue vs React

                                

Introduction 

    Initially javascript codes were executable only within the browser environment. But when Chrome open sourced its V8 engine, Node.js was born. Since then web development has taken a new turn. Now we can also use javascript outside the browser environment. This helps us to use it on our server side applications. Therefore with a single programming language we can develop both our front end as well as the back end too. This is the main reason behind developers switching towards MERN stack or MEAN stack. There is also significant development on front end with the advent of new javascript frameworks like Angular, React, Vue, Meteor etc. These frameworks help us build Single Page Applications. At present we have got lot of frameworks and developers get confused on choosing the right one. Come lets have a quick look at the three frameworks that has always been under comparison.


 Angular vs Vue vs React 

 Angular

    It is a type-script based web application framework developed by Google. Some of the popular websites that have been built with Angular are The Guardian, Lego, Paypal, Freelancer, UpWork etc. Angular has a large community to support developers.

        Angular is best suited for Single Page Applications that require occasional updating. It uses real DOM to make changes. It uses two-way binding process that replicates all the changes made in the model into the views in a more secure and efficient way. It follows component based approach. Hence, the components can be reused as many times as required.

        The drawback with Angular is the learning curve since its a complete framework which takes considerable amount of time to get accustomed to it. There are lot of features in Angular which will affect our performance when we translate our project into a heavy application.


React 

    React is a javascript library that was developed by Facebook in 2012. It has gained lot of popularity over these years. Some of the websites that are built on React are Facebook, Airbnb, Netflix etc. The react community is also large and hence there is always support for developers.

       The main advantage of react is that it uses a Virtual DOM to make changes rather than real DOM. This makes it significantly faster. It follows component based architecture. We can build reusable components. Since react is a library the learning curve is not as steep as angular. 

        The disadvantage with react is that since its a library we need to make use of third party packages for most of our needs. Poor documentation is another major drawback of react. React uses JSX which is a syntax extension of HTML. It is seen as a barrier especially for the new developers. 


Vue

    Vue is the youngest of the three frameworks. It was developed with incredible features. to overcome the hurdles that developers were facing with react and angular.

It was developed by Evan You. It combines all the advantages of react and angular. It is the smallest of the three. 

          Vue has a more straight forward learning curve as compared to react and angular. It is the smallest of the three. Ideal for building small web applications and single page applications. 

                   The main drawback of Vue is that the community is not as big as the other two.              Hence support becomes an important concern for developers. 

        Conclusion
            Each one of the three has its own kind of advantages and disadvantages. So it all             comes down to the kind of application we are going to build. Hence choose it wisely                and develop some amazing stuffs.

    

     

   



No comments:

Post a Comment

Creating our own hamburger menu using CSS

                            Hamburger menu               Hamburger menu is a kind of menu that almost resembles the real hamburger. Hence, i...