Can I migrate my application incrementally using this skill?

Yes, the skill specializes in the Hybrid (Incremental) approach, allowing you to run AngularJS and Angular side-by-side and migrate feature-by-feature using ngUpgrade.

How does it handle the conversion of AngularJS controllers?

It provides specific mapping patterns to transform AngularJS controllers into modern TypeScript-based Angular components, including template and logic migration.

Does this skill support the latest versions of Angular?

Yes, it provides patterns and best practices for updating to the latest stable versions of Angular while ensuring legacy interoperability.

Does it help with dependency injection changes?

Absolutely. It includes strategies for downgrading new Angular services for use in AngularJS and upgrading legacy services for use in modern components.

Is this skill useful for a total rewrite?

While it excels at incremental migrations, it also provides 'Big Bang' rewrite strategies and best practices for teams starting fresh on a modern Angular foundation.

Angular Migration & Modernization

Name: Angular Migration & Modernization
Author: HermeticOrmus

byHermeticOrmus

0•

开发者工具

Guides the technical transition of legacy AngularJS applications to modern Angular frameworks using hybrid strategies and incremental refactoring.

This skill facilitates the complex process of migrating legacy AngularJS (1.x) codebases to modern Angular (2+) environments. It provides specialized architectural patterns for setting up hybrid applications via ngUpgrade, allowing teams to run both frameworks side-by-side while migrating feature-by-feature. By offering structured guidance on component conversion, dependency injection updates, and routing transitions, it helps developers modernize their stack without the risks associated with a complete rewrite.

主要功能

01Hybrid application bootstrapping using ngUpgrade for side-by-side execution

020 GitHub stars

03Structured phase-based migration planning and best practice documentation

04Routing system migration strategies from $routeProvider to Angular Router

05Dependency injection refactoring and downgrading/upgrading service providers

06Incremental conversion of AngularJS controllers and directives into Angular components

使用场景

01Upgrading a large-scale legacy AngularJS 1.x application to modern Angular 17+

02Refactoring JavaScript-based services into TypeScript-based Angular injectables

03Maintaining feature delivery during a long-term framework migration using hybrid mode

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/floreserlife angular-migration

For use in Claude.ai and ChatGPT

Download Skill