Does it support migrating services and dependency injection?

Yes, it includes specific patterns for downgrading Angular services for use in AngularJS and upgrading AngularJS services for use in modern Angular components.

Which migration strategy is recommended for large applications?

For large applications, the Incremental (Hybrid) approach is recommended as it allows for continuous delivery and feature-by-feature migration without a complete code freeze.

Can this skill help with routing migration?

Absolutely. It provides mapping examples to transition from legacy AngularJS routing ($routeProvider) to the modern Angular RouterModule system.

How does this skill handle hybrid applications?

It provides standardized boilerplate code and configuration patterns for ngUpgrade, allowing AngularJS and modern Angular components to coexist in a single application during the transition period.

Is this skill compatible with the latest Angular versions?

Yes, the patterns follow modern Angular standards (2+) and best practices applicable to the latest framework releases.

Angular Framework Migration

Name: Angular Framework Migration
Author: Tahir-yamin

byTahir-yamin

•

学習とドキュメンテーション

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

This skill provides a structured framework for migrating legacy AngularJS (1.x) applications to modern Angular versions. It offers detailed implementation patterns for the hybrid approach using ngUpgrade, allowing teams to run both frameworks side-by-side while migrating feature-by-feature. The skill covers essential technical transitions including converting controllers to components, migrating services, updating dependency injection, and transitioning routing systems, ensuring a low-risk modernization path for enterprise-grade applications.

主な機能

01Hybrid app configuration using ngUpgrade for side-by-side execution

02Pattern-based conversion of AngularJS controllers and directives to Angular components

03Migration strategies for services and complex dependency injection systems

04Step-by-step routing migration from $routeProvider to Angular Router

05Structured migration timelines and project planning milestones

063 GitHub stars

ユースケース

01Modernizing enterprise AngularJS 1.x applications to the latest Angular framework

02Converting legacy UI directives into reusable modern Angular components

03Implementing incremental feature-by-feature migrations to avoid code freezes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tahir-yamin/dev-engineering-playbook angular-migration

For use in Claude.ai and ChatGPT

Download Skill