What is the best strategy for migrating a large AngularJS app?

The incremental hybrid approach using ngUpgrade is recommended for large applications, as it allows you to run both frameworks side-by-side while migrating feature by feature without a full stop in delivery.

Does it support routing migration?

Yes, it includes guidance on moving from legacy ngRoute or UI-Router systems to the modern Angular Router while maintaining navigation consistency.

Can this skill help with service migration?

Yes, it provides specific patterns for converting AngularJS factories and services into Angular Injectables and bridging them across frameworks using dependency injection.

How do I handle dependency injection during a hybrid migration?

The skill demonstrates how to use downgradeInjectable to make Angular services available to AngularJS and InjectionTokens to make legacy services available to the new Angular code.

Angular Migration Professional

Name: Angular Migration Professional
Author: HermeticOrmus

byHermeticOrmus

0•

Developer Tools

Migrates AngularJS applications to modern Angular using hybrid modes, incremental component rewriting, and dependency injection updates.

This skill provides expert guidance for modernizing legacy AngularJS applications by transitioning them to modern Angular. It supports multiple migration strategies, including complete rewrites and incremental hybrid implementations using ngUpgrade. By offering standardized patterns for converting controllers to components, services to modern Injectables, and updating routing or form logic, it ensures a structured and reliable framework migration while maintaining application stability during the transition.

Key Features

01Incremental routing migration strategies from ngRoute to Angular Router

020 GitHub stars

03Standardized patterns for AngularJS controller to Angular component conversion

04Cross-framework dependency injection bridging (upgrading and downgrading)

05Hybrid application setup using UpgradeModule for side-by-side execution

06Step-by-step migration planning and phase-based project timelines

Use Cases

01Modernizing legacy AngularJS 1.x enterprise applications to the latest Angular versions

02Implementing a hybrid architecture to allow feature development in Angular while maintaining legacy code

03Systematically converting JavaScript directives and factories into TypeScript components and services

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/alqvimia-contador angular-migration

For use in Claude.ai and ChatGPT

Download Skill