From Donkey to Unicorn, A new approach to AngularJS migration

on YouTube ↗22m

" summary

A new migration approach uses an iFrame-based migration that keeps AngularJS and Angular apps in separate global namespaces, demonstrated by an Angular 4/5 host embedding a Bootstrap 2 AngularJS app while the host runs Bootstrap 4. Routes hand off via a fallback route that injects an iFrame and the child uses postMessage to request parent navigation; shared state syncs through localStorage storage events. A demo demonstrates a shared counter and claims the method works for complex legacy apps and cross‑framework moves.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 0:39Overview
3. 8:06Demo
4. 10:42Route Ownership
5. 17:22Shared State
6. 19:02Summary

" related talks

• 20mUpgrading Enterprise Angular ApplicationsVictor Savkin · ng-conf 2017
• 26mThe AngularJS Migration F.A.Q.Asim Hussain · AngularUP 2017
• 24mGetting to Angular 2Jen Bourey · ng-europe 2016
• 20mAddicted to AngularJS?Pete Bacon Darwin, George Kalpakas · ng-conf 2017
• 23mUpgrading to Angular without ngUpgradeErin Coughlan · Angular Connect 2018
• 23mStranglerApplication pattern: a legacy frontend use caseFrancesco Strazzullo · jsDay 2018
• 39mSustainable Client Architectures with Micro AppsManfred Steyer · FrontEnd Con 2018
• 19mIn the Ocean of Angular Web ApplicationsYaprak Ayazoglu · Amsterdam JSNation Conference 2018