Migrate AngularJS to Angular (v5)
1 like110 views
The document is a technical overview by Elad Hirsch regarding strategies for upgrading AngularJS applications to Angular, discussing concepts such as hybrid upgrades, managing routers, and boot processes. It highlights upgrade methodologies, performance implications, and provides insights into using ngUpgrade for integrating Angular and AngularJS components. Additionally, it includes links to the author's LinkedIn profile and personal contact information.
Migrate AngularJS to Angular (v5)
- 1. Elad Hirsch JAN 29 / TLV, Israel https://il.linkedin.com/in/eladhirsch Fullstack Dev @ IDI -> 5 JavaScript Israel
- 2. Full-Stack Dev/Team Lead @ IDI
- 5. Rewrite from scratchHybrid upgrade VS
- 6. Manage routers Mix components/Services Boot process
- 7. Manage routers Mix components/Services Boot process
- 16. Service Mix & Match
- 19. 5 5 5 Phonebook
- 21. Manage routers Mix components/Services Boot process
- 22. UI Router/Angular Hybrid Enables UI-Router to route to both AngularJS components (and/or templates) and Angular components
- 24. Vertical Upgrade Migrate by futures Routes/Screen Angular or AngularJS serving the future framework
- 25. Horizontal Upgrade Migrate reusable components Angular + AngularJS Running on the same time
- 26. Manage routers Mix components/Services Boot process
- 27. Upgrade Shell Strategy create new Angular Root module
- 28. 5 NgUpgrade - Full angularJS Module route /x route /y route /z Bootstrap UpgradeModule Bootstrap
- 33. Too many digest calls
- 34. How UpgradeModule works ? setTimeout DOM Event ListenerXHR runs AngularJS and Angular in the same Angular zone
- 35. Angular Scroll Event Listener Scroll Event Causing Angular JS $digest
- 37. 5 NgUpgrade - Lite appModule Angular Component Bootstrap Angular @NgModule Bootstrap module.directive('ng2Comp', downgradeComponent({component: Ng2Comp)); angular 5 experimental
- 38. 5 appModule -> -> -> -> Angular Component Bootstrap Angular @NgModule Bootstrap module.directive('ng2Comp', downgradeComponent({component: Ng2Comp)); AngularJS $scope $rootScope Angular NgZone change detect
- 40. NgUpgrade - Full NgUpgrade - Lite Angular -> AngularJS AngularJS -> Angular Horizontal / Vertical Vertical Prediction / Sync Speed
- 41. Questions ? JAVA 29 / TLV, Israel
- 42. Thank you! Elad Hirsch JAVA 29 / TLV, Israel https://il.linkedin.com/in/eladhirsch Fullstack Dev @ IDI