Your Upgrade Roadmap

Part 2!

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

Angular

AngularJS

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

Angular

AngularJS

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

Angular

AngularJS

Course Overview

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

Let's get started!

Your Upgrade Roadmap: Part 2

By Sam Julien

Your Upgrade Roadmap: Part 2

  • 487
Loading comments...

More from Sam Julien