Your Upgrade Roadmap

In this video:

• Benchmarks for Course 3
• Approaches to Upgrading
• Course Overview

Benchmarks for Course 3

• Components
• Services
• TypeScript
• Webpack

ngUpgrade Approaches

• Top Down
• Bottom Up
• Our Approach

Top Down

• "Vertical Slicing" (Victor Savkin)
• Make a root shell component
• Convert one entire route/screen at a time
• Fast and lightweight - only one framework loads at a time
• Can lead to duplicate code
• Better for large teams, hard for small teams who need to work iteratively

Bottom Up

• "Horizontal Slicing" (Victor Savkin)
• Make a root shell component
• Convert one component at a time
• Always both frameworks (not as light or fast)
• Can be done slowly over time
• Good for small teams working on big projects

Our Approach

• "Plague Model" (Asim Hussain)
• Horizontal slicing, but AJS as the root
• Convert one component at a time
• Gradual rewrite over time
• Less dramatic change early on
• Easier on the build and deploy processes

Course Overview

• Setup and Bootstrapping
• Basic Rewriting Downgrading
• Trickier Downgrading and Upgrading
• Running ngUpgrade in Production
• Switching Routing
• Removing AngularJS

Let's get started!