Does it provide code examples for service migration?

Absolutely. It provides specific patterns for converting AngularJS factories and services into Angular @Injectable classes using TypeScript.

Does this skill cover routing migration?

Yes, it provides a clear path for transitioning from AngularJS $routeProvider or UI-Router configurations to the modern Angular RouterModule.

Can I use this skill for a partial or incremental migration?

Yes, the skill emphasizes the incremental Hybrid Approach using ngUpgrade to run both AngularJS and Angular frameworks simultaneously in the same application.

Will this help me move from JavaScript to TypeScript?

Yes, the migration patterns are built on TypeScript and follow the official Angular Style Guide to ensure your code is modernized as it is migrated.

How does the skill handle dependency injection between frameworks?

It includes strategies for both 'downgrading' Angular services so they can be used in AngularJS and 'upgrading' legacy services for use in new Angular components.

Angular Framework Migration

Name: Angular Framework Migration
Author: HermeticOrmus

byHermeticOrmus

開発者ツール

Simplifies the transition from legacy AngularJS to modern Angular using hybrid strategies and component-based rewrite patterns.

概要

The Angular Migration skill provides a comprehensive toolkit for modernizing legacy AngularJS (1.x) applications. It supports multiple migration strategies, including full rewrites and incremental hybrid deployments using ngUpgrade. The skill offers practical patterns for converting directives to components, migrating services to TypeScript, and bridging dependency injection and routing systems between frameworks. Whether you are planning a complete architectural overhaul or a feature-by-feature transition, this skill ensures best practices are followed to maintain application stability throughout the migration lifecycle.

主な機能

Component conversion patterns for legacy AngularJS controllers and directives
Routing migration strategies for seamless navigation transitions
Standardized migration timelines and phase-based planning
0 GitHub stars
Hybrid application setup using ngUpgrade for side-by-side execution
Dependency injection bridging between legacy and modern modules

ユースケース

Modernizing legacy enterprise AngularJS 1.x applications to current Angular versions
Implementing a hybrid architecture to allow continuous delivery during a framework migration
Converting complex AngularJS directives into modular, typed Angular components

概要

主な機能

Component conversion patterns for legacy AngularJS controllers and directives
Routing migration strategies for seamless navigation transitions
Standardized migration timelines and phase-based planning
0 GitHub stars
Hybrid application setup using ngUpgrade for side-by-side execution
Dependency injection bridging between legacy and modern modules

ユースケース

Modernizing legacy enterprise AngularJS 1.x applications to current Angular versions
Implementing a hybrid architecture to allow continuous delivery during a framework migration
Converting complex AngularJS directives into modular, typed Angular components