Learn Angular JS and React JS

Angular developed by Google                                                                  React developed by Facebook

What is Angular JS
            AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly.

What is React JS
          React is a declarative, efficient, and flexible JavaScript library for building user interfaces. Your components tell React what you want to render – then React will efficiently update and render just the right components when your data changes.

Learning Curve

React will use the least abstraction, however it will take more time to learn the best practises, as there are a lot of ways in which you can do same thing or go wrong .

Angular goes 3rd and although after you learn angular you should know everything else associated to it, angular itself is a huge library requires more time to learn.

Scalability 

Angular is easy to scale, as well as a powerful CLI

React claims to be more testable and therefore scalable.



3rd party library compatibility

Angular if not that requires type definition for every library.

React although it does not work with DOM, it is pure JavaSript logic and its popularity eve the DOM based libraries have their alternative in React.


Simplicity and Code length

Angular is not simple at all. it's complexity often causes a lot of confusion and angular specific 3rd party libraries and syntax.

React is fairly to understand but in fact it takes a long time to set up a react project.

Developments

Angular although being very competitive, the amount of unnecessary syntax it requires to do simple things puts angular in last place.

React takes longer to set up, but then you can start to make an app and it should be relatively easy to add features.

Size 

Angular is way bigger, causing longer load times and performance issue on mobiles.

React Smaller than angular.


By Comparing those two frameworks we can consider React JS is better than Angular JS.

Code example :

React:
var createItem = function(itemText) { return <li>{itemText}</li>; }; return <ul>{this.props.items.map(createItem)}</ul>;

Angular : 

<ul>

<li ng-repeat="item in items">{{item}}</li>

</ul>