Presentations
Templates
Features
Teams
Pricing
Log in
Sign up
Log in
Sign up
Menu
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
Made with Slides.com
Your Upgrade Roadmap: Part 2
835
Sam Julien
More from
Sam Julien