Can I migrate services before components?

Yes, migrating services first is a recommended best practice. Services are typically easier to convert and can be shared across both frameworks using downgrading or upgrading techniques.

What is the hybrid approach in Angular migration?

The hybrid approach uses the ngUpgrade module to run AngularJS and modern Angular side-by-side, allowing developers to migrate features incrementally without a total rewrite.

What is the best way to handle dependency injection during migration?

It uses the downgradeInjectable utility to make Angular services available to AngularJS and uses factory providers to inject AngularJS services into modern Angular components.

How does this skill handle routing migration?

The skill provides specific patterns and code examples for transitioning from AngularJS ngRoute or ui-router to the modern Angular RouterModule, including state management updates.

Angular Framework Migration

Name: Angular Framework Migration
Author: amurata

byamurata

•

Herramientas para Desarrolladores

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

This skill provides a comprehensive framework for transitioning from legacy AngularJS (1.x) to modern Angular versions, offering detailed guidance on hybrid app setup via ngUpgrade, step-by-step component conversion, and complex service migration. It serves as an expert architectural consultant for developers managing legacy codebases, helping them navigate the intricacies of parallel framework execution, routing overhauls, and the modernization of dependency injection systems while ensuring continuous delivery and application stability throughout the process.

Características Principales

013 GitHub stars

02Component conversion guides from AngularJS directives to Angular components

03Hybrid app setup with ngUpgrade for side-by-side framework execution

04Routing system modernization from ngRoute/ui-router to Angular Router

05Form migration strategies covering both Template-driven and Reactive forms

06Dependency injection migration for sharing services between frameworks

Casos de Uso

01Upgrading large enterprise AngularJS codebases to modern Angular versions

02Maintaining hybrid applications during long-term feature-by-feature rewrites

03Refactoring legacy AngularJS directives into reusable modern Angular components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add amurata/cc-tools angular-migration

For use in Claude.ai and ChatGPT

Download Skill