How does it handle dependency injection differences?

The skill provides code patterns for 'upgrading' AngularJS services so they are available to Angular, and 'downgrading' new Angular services for use in legacy code.

Can I migrate my application incrementally?

Yes, this skill provides detailed strategies for the hybrid approach, allowing you to run AngularJS and Angular side-by-side while migrating feature by feature.

Is there support for migrating legacy routing?

Yes, the skill includes guides on moving from the AngularJS $routeProvider to the modern Angular Router, including path and parameter handling.

Does this skill help with component conversion?

Absolutely. It includes specific patterns for converting AngularJS controllers and directives into modern Angular components with Input and Output decorators.

What is the recommended starting point for migration?

The skill recommends starting with services and utilities as they are generally easier to migrate and provide a foundation for component-level refactoring.

Angular Migration

Name: Angular Migration
Author: yusoofsh

byyusoofsh

0•

Developer Tools

Facilitates the transition from legacy AngularJS 1.x to modern Angular through hybrid application patterns and incremental component refactoring.

The Angular Migration skill provides a comprehensive framework for modernizing legacy AngularJS applications. It guides users through various strategies, including full rewrites and incremental hybrid migrations using the ngUpgrade module. By offering specialized patterns for converting controllers to components, migrating dependency injection, and updating routing systems, this skill helps developers reduce technical debt and leverage modern Angular features while maintaining application stability during the transition.

Key Features

01Comprehensive migration timeline and best practices for large-scale enterprise apps

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

03Routing system modernization from legacy $routeProvider to the Angular Router

04Dependency injection migration strategies for both upgrading and downgrading services

050 GitHub stars

06Conversion patterns for AngularJS controllers and directives to modern components

Use Cases

01Refactoring legacy directives and services into modern, maintainable TypeScript code

02Modernizing a large-scale legacy AngularJS enterprise application incrementally

03Setting up a hybrid environment to run AngularJS and Angular features simultaneously

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yusoofsh/dotfiles angular-migration

For use in Claude.ai and ChatGPT

Key Features

01Comprehensive migration timeline and best practices for large-scale enterprise apps

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

03Routing system modernization from legacy $routeProvider to the Angular Router

04Dependency injection migration strategies for both upgrading and downgrading services

050 GitHub stars

06Conversion patterns for AngularJS controllers and directives to modern components

Use Cases

01Refactoring legacy directives and services into modern, maintainable TypeScript code

02Modernizing a large-scale legacy AngularJS enterprise application incrementally

03Setting up a hybrid environment to run AngularJS and Angular features simultaneously

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yusoofsh/dotfiles angular-migration

For use in Claude.ai and ChatGPT