How does this skill help with hybrid AngularJS/Angular apps?

It provides standardized templates and implementation patterns for using the ngUpgrade module to run both frameworks simultaneously, allowing for feature-by-feature migration.

Does it handle dependency injection between frameworks?

Absolutely. It includes specific code patterns for downgrading modern Angular services for use in AngularJS and upgrading legacy services for modern Angular components.

Can I use this for a complete rewrite instead of an incremental migration?

Yes, the skill includes 'Big Bang' strategies and architectural blueprints suitable for smaller applications undergoing a full parallel rewrite.

Is there support for migrating routing systems?

Yes, it provides mapping examples and configuration guides to transition from AngularJS ngRoute or UI-Router to the modern Angular Router system.

Angular Migration Professional

Name: Angular Migration Professional
Author: ljchg12-hue

byljchg12-hue

•

Developer Tools

Facilitates the modernization of legacy AngularJS applications to modern Angular frameworks using hybrid strategies and incremental rewriting.

This skill provides a comprehensive framework for transitioning legacy AngularJS (1.x) applications to modern Angular (2+), supporting hybrid application setups, component conversion, and dependency injection updates. It guides developers through complex migration paths—including the ngUpgrade module, routing transitions, and reactive forms implementation—ensuring a smooth, incremental evolution of the codebase architecture while maintaining application stability and continuous delivery.

Key Features

01Routing system migration guides for moving to the modern Angular Router

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

03Bidirectional dependency injection bridging between legacy and modern frameworks

041 GitHub stars

05Step-by-step patterns for converting AngularJS controllers and directives to Angular components

06Strategic phase-based migration planning including 'Big Bang' and 'Vertical Slice' approaches

Use Cases

01Implementing a hybrid architecture to allow new feature development in modern Angular while maintaining legacy code

02Upgrading a large-scale enterprise AngularJS application to the latest Angular version without downtime

03Refactoring legacy AngularJS factories and services into modern, tree-shakeable Angular injectable services

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ljchg12-hue/dotfiles angular-migration

For use in Claude.ai and ChatGPT

Download Skill