Finding the Path from AngularJS to Angular
First Published: May 28th, 2020
Migrating from AngularJS to Angular can be really overwhelming. How on earth do you figure out where to even begin?
I reprised a talk I gave last year for the ngPittsburgh meetup group called "Finding the Right Path from AngularJS to Angular" that goes over a decision tree you can use to determine this. Here's the recording:
You can also watch the original version from Angular Finland.
The (roughly) four paths for migrating from AngularJS to Angular are:
- Rewrite/burn everything to the ground, sometimes called a "big bang" approach
- ngUpgrade, a library from the Angular team that lets you run AngularJS and Angular side-by-side
- Hybrid Routing, which involves one frameowrk owning one route. This can be done client side with ngUpgrade or server side.
- Angular Elements, which are web components for Angular. These are like tiny frontends you can stick anywhere, including your legacy AngularJS code.
If your company needs help with migration, I offer remote migration consultations. The most popular option is a full day review where we develop a customized action plan for your migration. We look at your build process, the current state of your legacy codebase, and anticipate any barriers you may have.
AngularJS Migration Resources from Me
- Slides from this talk
- Upgrading AngularJS, my comprehensive video course on ngUpgrade
- NDC London 2020: My talk "Modernizing Large Frontends with Web Components" (slides, video) about migrating using Angular Elements
More Angular Community Migration Resources
- Shaun's Gist on unit testing components and services during migration
- XLTS, extended long term support for AngularJS
- Angular Migration Forum & Wiki
- ngMigration Assistant
- Directly Upgrading from AngularJS 1.X to Angular without Preparing the Existing Code Base by Manfred Steyer
- Upgrading With Web Components: From AngularJS To Angular by Manfred Steyer
- Getting Started with Angular Elements (egghead course) by Juri Strumpflohner
- Upgrading Angular Applications: Managing Routers and URL by Victor Savkin
- Using NgUpgrade Like a Pro: Lazy Loading AngularJS Applications by Victor Savkin
- How Capital One is Using Angular Elements to Upgrade from AngularJS to Angular
← Back to writing