angular-migration

1# Angular Migration
2 
3Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.
4 
5## Use this skill when
6 
7- Migrating AngularJS (1.x) applications to Angular (2+)
8- Running hybrid AngularJS/Angular applications
9- Converting directives to components
10- Modernizing dependency injection
11- Migrating routing systems
12- Updating to latest Angular versions
13- Implementing Angular best practices
14 
15## Do not use this skill when
16 
17- You are not migrating from AngularJS to Angular
18- The app is already on a modern Angular version
19- You need only a small UI fix without framework changes
20 
21## Instructions
22 
231. Assess the AngularJS codebase, dependencies, and migration risks.
242. Choose a migration strategy (hybrid vs rewrite) and define milestones.
253. Set up ngUpgrade and migrate modules, components, and routing.
264. Validate with tests and plan a safe cutover.
27 
28## Safety
29 
30- Avoid big-bang cutovers without rollback and staging validation.
31- Keep hybrid compatibility testing during incremental migration.
32 
33## Migration Strategies
34 
35### 1. Big Bang (Complete Rewrite)
36- Rewrite entire app in Angular
37- Parallel development
38- Switch over at once
39- **Best for:** Small apps, green field projects
40 
41### 2. Incremental (Hybrid Approach)
42- Run AngularJS and Angular side-by-side
43- Migrate feature by feature
44- ngUpgrade for interop
45- **Best for:** Large apps, continuous delivery
46 
47### 3. Vertical Slice
48- Migrate one feature completely
49…