angular-migration

The Angular Migration skill provides a structured, expert-led framework for modernizing legacy web applications from AngularJS (1.x) to modern Angular (2+). It is designed for developers and architects facing the complexity of long-term framework upgrades, offering specialized guidance on interoperability, incremental refactoring, and code modernization. This skill encapsulates years of community best practices, ensuring that your transition—whether a big-bang rewrite or a phased hybrid implementation—maintains production stability while incrementally adopting current Angular standards.

• Incremental Hybrid Approach: Expert guidance on setting up hybrid applications using ngUpgrade, allowing both frameworks to run side-by-side during the transition phase.

• Component & Directive Conversion: Step-by-step conversion techniques to map AngularJS controllers and directives into TypeScript-based Angular components.

• Service & Dependency Injection: Modernization paths for replacing AngularJS factories and services with Angular's @Injectable pattern and providers.

• Routing Migration: Systematic approaches to migrating AngularJS state providers to the Angular Router system.

• Migration Strategy Selection: Decision-making support to choose between Big Bang rewrites, Incremental hybrid approaches, or Vertical Slice feature-by-feature refactoring based on your application scale.

• Angular Best Practices: Alignment with current RxJS, TypeScript, and architectural standards for long-term maintainability.

• Utilize the hybrid bootstrap pattern in main.ts to manage the dual-platform environment.

• Leverage downgradeInjectable and InjectionToken patterns to share state between the two frameworks.

• Prioritize the vertical slice approach for medium-sized applications to balance feature delivery with technical debt reduction.

• Follow the provided migration templates for converting $scope-based controllers to modern Class-based components with Input and Output decorators.

• Be aware that strictly enforcing dependency injection configurations (strictDi) during the hybrid phase is critical for future-proofing your code.