Frontend Smackdown

A look into the comparisons between the three major frontend framework in 2018 - Reactjs, AngularJS and VueJs @HDFC Life Offsite

Transcript

1. FRONTEND
2. 2 TODAY’S AGENDA • The History of React JS , Angular JS and Vue JS.
 • Learning React, Angular and Vue.
 • Our favourite and not-so-favorite features
 • Framework Fight
 • Lies , damned lies and statistics
 • My recommendations
3. 3 THE RISE OF MV* FRAMEWORKS
7. 7 The History of Angular Started as AngularJS in 2009 by Miško Hevery GWT === 3 developers, 6 months AngularJS == 1 developer , 3 weeks Announced Angular 2, September 2014 2.0 Released in September 2016 5.0 Released in November 2017
8. 8 https://angular.io/guide/quickstart
12. 12 • React was created by Jordan Walke in 2011 & Open sourced in May 2013 • Inspired by XHP, an HTML components framework for PHP • Within one year, had large sites
 Khan Academy, New York Times, Airbnb + Facebook and Instagram • 16.0 released on September 26, 2017 The History of React
15. 15 The History of Vue Vue started in February 2014 by Evan You. Last major release (version 2.5) in November 2017. Created by Evan You after working for Google using AngularJS in a number of projects. He later summed up his thought process, 
 “I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight without all the extra concepts involved?”
16. 16 Hello World in Vue
17. 17 Hello World in Vue
18. 18 Hello World in Vue
21. 21 Basic Comparison
22. 22 NPM Downloads comparison
23. 23 Component Lifecycle Comparison
24. 24 Strengths and Limitations
25. 25 Performance Check and Memory Allocation
26. 26 Market Lifecycle Long Term Support & Migration Human Resources & Recruiting Flexibility and downsizing to micro services Universal and native apps Learning Curve Other Factors
27. 27 Final Verdict
29. 29 THANK YOU