Finding the Path from AngularJS to Angular

2 min read
Angular
Share:

Migrating from AngularJS to Angular can be really overwhelming. How on earth do you figure out where to even begin? I have a talk called “Finding the Right Path from AngularJS to Angular” that goes over a decision tree you can use to determine this. The recording is available for free:

Click here to access “Finding the Path from AngularJS to Angular.”

You can also access the most recent slides for this talk. If you need more help with ngUpgrade, check out Upgrading AngularJS, my comprehensive video course on ngUpgrade. There are over 230 videos to walk you step-by-step through the process.

If your company needs more hands-on 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.

Upgrading from AngularJS to Angular: The Four Paths

The (roughly) four paths for migrating from AngularJS to Angular are:

  1. Rewrite/burn everything to the ground, sometimes called a “big bang” approach
  2. ngUpgrade, a library from the Angular team that lets you run AngularJS and Angular side-by-side
  3. Hybrid Routing, which involves one frameowrk owning one route. This can be done client side with ngUpgrade or server side.
  4. Angular Elements, which are web components for Angular. These are like tiny frontends you can stick anywhere, including your legacy AngularJS code.

More AngularJS to Angular Migration Resources

Want more tutorials?

I write about building with modern tools and frameworks. Subscribe to get practical tutorials and deep dives delivered to your inbox.

Related Articles

How to Use Route Parameters in Angular

We often need to pass a parameter like an ID to a route and then access that ID in order to call an API to get some data. In this article, we'll look at how to define a route with a parameter, how to use params with the routerLink directive, and how to use the route snapshot to use a param in a component.

Angular