170 likes | 904 Views
This Edureka React vs Angular tutorial will help you in understanding the differences between the two most popular JavaScript Frameworks. This will compare React and Angular 4 /Angular 2 on following topics: <br>1. Type <br>2. Architecture <br>3. Template <br>4. Learning Curve <br>5. Concept <br>6. Rendering <br>7. DOM <br>8. Data Binding <br>9. Debugging <br>10. Speed <br>11. Author <br>12. Popularity
E N D
Agenda What Is Artificial Intelligence ? What Is Machine Learning ? Limitations Of Machine Learning Deep Learning To The Rescue What Is Deep Learning ? Deep Learning Applications Copyright © 2017, edureka and/or its affiliates. All rights reserved.
FaceOff Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Type Front end library Entire framework Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Architecture Controller View View Model It deals with the View only Deals with the whole MVC Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Template Uses HTML and JavaScript Uses JSX Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Learning Curve Time Time Knowledge Knowledge Can learn Quickly Takes long time to learn Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Concept class MyForm extends React.Component { render(){ return ( <div style={styles}> <h1>Hello World!!</h1> </div> ); } } <script src="angular.min.js"></script> <script src="hello_world_controller.js"></script> <div ng-app="HelloWorldApp"> <div ng- controller="HelloWorldController"> <h1>{{greeting}}</h1> </div> </div> Can embed HTML into JavaScript as well Can only embed JavaScript into HTML Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Rendering Server-side rendering Client-side rendering Copyright © 2017, edureka and/or its affiliates. All rights reserved.
DOM Virtual DOM Real DOM Real DOM Browser Browser Uses Virtual DOM Uses Regular DOM Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Data Binding Action Action Store View Action Store View Dispatcher Dispatcher One-way data binding Two-way data binding Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Debugging Compile Time Debugging Runtime Debugging Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Speed Very fast rendering Fast rendering Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Author Owned by Facebook Owned by Google Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Popularity Copyright © 2017, edureka and/or its affiliates. All rights reserved.
Popularity Copyright © 2017, edureka and/or its affiliates. All rights reserved.