Upgrading to Angular without ngUpgrade

on YouTube ↗23m

" summary

Upgrades happen one component at a time by packaging Angular components as Angular Elements, registering them with a tiny bridge called create-ng1-wrapper, and swapping in upgraded components without ngUpgrade or dual bootstrapping. Shared UI used by 13 teams migrates incrementally; core logic moves into framework-agnostic services that use window.fetch and return promises, then get wrapped for Angular (Observables) or AngularJS ($rootScope.$apply). Demo shows custom events, inputs/outputs, and route work across mixed apps.

AI-written summary · about

" chapters (13)

1. 0:00Intro
2. 2:29Migration to Angular
3. 3:49How do we get there?
4. 4:30We are a component library....
5. 7:33Bootstrapping Your Application
6. 7:52Creating an Angular Element
7. 9:03Custom Elements in AngularJS
8. 12:10Add to an AngularJS Module
9. 13:10AngularJS Template
10. 13:34AngularJS Controller
11. 16:39Angular Elements are Black Boxes
12. 20:06Wrapping Agnostic Service
13. 21:23What have we accomplished?

" related talks

• 20mUpgrading Enterprise Angular ApplicationsVictor Savkin · ng-conf 2017
• 20mAddicted to AngularJS?Pete Bacon Darwin, George Kalpakas · ng-conf 2017
• 24mGetting to Angular 2Jen Bourey · ng-europe 2016
• 05mMigrating a Portfolio of Front-End Apps to AngularCraig Shipton, Mike Smith · AngularConnect 2017
• 41mNG-NL 2017: Pete Bacon Darwin & George KalpakasPete Bacon Darwin, George Kalpakas · NG-NL 2017
• 44mMigrating to Angular 2Rob McDiarmid · FITC Toronto 2016
• 13mMigrations - an Upgrade StoryDoron Cyngiser, Revital Friedman · AngularUP 2019
• 26mUpgrading your AngularJS App, Without the TearsErin Zimmer · NG-MY 2019