angular js 2.0 vs reactjs

2
ACADGILD ACADGILD This is a short blog which will explain you in brief about AngularJS 2.0 and ReactJS. In this blog, we will first start up with an introduction to Angular.JS and React.JS and then will going forward with differences between AngularJS 2.0 and ReactJS. Introduction to AngularJS 2.0 AngularJS was created, as a side project, in 2009 by two developers, Misko Hevery and Adam Abrons. It was intended to be a MVC or MVVM framework. It is based on Declarative Programming with its directive constructs. Angular 1.5.x is the latest stable release of Angular 1. Angular 2 is a complete overhaul of Angular framework with major core architectural changes to solve the problems of Angular 1 and align itself to the latest technology standards like Web Components. It supports ES6 at its core with Typescript. Mobile First has been one of the core thoughts behind the framework. Speed & Performance has been given special focus using the new Change Detection system in Angular 2. Introduction to ReactJS React is a JavaScript library for building user interface. It’s just a V in MVC, concentrated only on view building. It divides view into multiple components. You can have composition of multiple reusable components, to build a big user interface. React implements one-way reactive data flow which reduces boilerplate and is easier to reason than traditional data binding. It is used at Facebook in production. Instagram.com is written entirely in React. One of the unique selling point is that not only does it perform on the client side, but it can also be rendered server side, and they can work together inter-operably. Component and Data patterns improve readability which helps to maintain larger apps. React Features JSX − JSX is JavaScript syntax extension. Components − React is all about components. You need to think of everything as a component. This will help you to maintain the code when working on larger scale projects. Unidirectional data flow and Flux − React will implement one-way data flow which makes it easy to reason about your app. Flux is a pattern that helps keeping your data unidirectional. https://acadgild.com/blog/wp-admin/post.php?post=6572&action=edit https://acadgild.com/blog/wp-admin/post.php?post=6572&action=edit

Upload: acadgild

Post on 09-Jan-2017

53 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Angular js 2.0 vs reactjs

ACADGILDACADGILD

This is a short blog which will explain you in brief about AngularJS 2.0 and ReactJS. In this blog,we will first start up with an introduction to Angular.JS and React.JS and then will going forwardwith differences between AngularJS 2.0 and ReactJS.

Introduction to AngularJS 2.0

AngularJS was created, as a side project, in 2009 by two developers, Misko Hevery and Adam

Abrons.

It was intended to be a MVC or MVVM framework. It is based on Declarative Programming with

its directive constructs. Angular 1.5.x is the latest stable release of Angular 1.

Angular 2 is a complete overhaul of Angular framework with major core architectural changes to

solve the problems of Angular 1 and align itself to the latest technology standards like Web

Components. It supports ES6 at its core with Typescript. Mobile First has been one of the core

thoughts behind the framework. Speed & Performance has been given special focus using the new

Change Detection system in Angular 2.

Introduction to ReactJS

React is a JavaScript library for building user interface. It’s just a V in MVC, concentrated only on

view building. It divides view into multiple components. You can have composition of multiple

reusable components, to build a big user interface. React implements one-way reactive data flow

which reduces boilerplate and is easier to reason than traditional data binding.

It is used at Facebook in production. Instagram.com is written entirely in React. One of the unique

selling point is that not only does it perform on the client side, but it can also be rendered server

side, and they can work together inter-operably. Component and Data patterns improve

readability which helps to maintain larger apps.

React Features

•JSX − JSX is JavaScript syntax extension.

•Components − React is all about components. You need to think of everything as a

component. This will help you to maintain the code when working on larger scale projects.

•Unidirectional data flow and Flux − React will implement one-way data flow which

makes it easy to reason about your app. Flux is a pattern that helps keeping your data

unidirectional.

https://acadgild.com/blog/wp-admin/post.php?post=6572&action=edithttps://acadgild.com/blog/wp-admin/post.php?post=6572&action=edit

Page 2: Angular js 2.0 vs reactjs

ACADGILDACADGILD

Comparison of Angular.JS 2.0 and React.JS

Angular.JS 2.0 React.JS

1. Released in 2015 by Google 1. Released in 2013 by Facebook

2. Main aim to provide complete MV*framework

2. Main aim to provide V in MV* framework

3. It consists of Typescript, Dart, ES5 firstclass languages

3. It includes pure JavaScript with optionalJSX extension

4. Here it uses unfinalized ES7 decorators. 4. Here components are composed offunctions(classes) and plain objects

5. Angular.JS depends on Typescript, dart fortype-checking.

5. It includes checking system called Flow

6. In Angular, you can only bind to scope. 6. In contrast, React only provides syntacticsugar for binding that is called valueLink

7. In Angular, you need to start countingscopes.

7. React makes it simple to control theperformance.

8. Angular's performance is sensitive whendealing with scope because of copy-n-compare. This means that you cannot uselarge models.

8. React gives you the freedom to choose,without the performance penalty.

Conclusion:

I hope with this blog, you are now aware of the main differences between Angular.JS 2.0 and

React.JS. If you have any query do write us at [email protected]

https://acadgild.com/blog/wp-admin/post.php?post=6572&action=edithttps://acadgild.com/blog/wp-admin/post.php?post=6572&action=edit