What is the recommended strategy for migrating large AngularJS apps?

The Incremental or Hybrid approach is recommended for large apps. It uses ngUpgrade to run AngularJS and modern Angular side-by-side, allowing for feature-by-feature migration without a full rewrite.

Can I share services between AngularJS and modern Angular?

Yes, this skill provides patterns for 'downgrading' modern Angular services for use in AngularJS and 'upgrading' legacy services for use in modern Angular using InjectionTokens.

How does this skill help with AngularJS controller migration?

It provides specific code transformation patterns to convert AngularJS controllers and directives into modern Angular components, including scope to property mapping and event handling.

Does this skill cover routing migration?

Yes, it includes strategies for moving from AngularJS ngRoute or UI-Router to the modern Angular Router, including configuration examples and navigation handling.

Angular Migration Expert

Name: Angular Migration Expert
Author: Activer007

byActiver007

0•

Developer Tools

Streamlines the transition from legacy AngularJS to modern Angular using hybrid strategies, ngUpgrade patterns, and component-based rewriting.

This skill provides a comprehensive framework for migrating legacy AngularJS 1.x applications to modern Angular (2+) versions. It specializes in hybrid application setups using ngUpgrade, allowing developers to run both frameworks side-by-side for incremental feature migration. The skill offers specific patterns for converting controllers to components, migrating complex services and dependency injection systems, and updating routing and forms to modern standards, ensuring a stable and manageable modernization process for enterprise-scale codebases.

Key Features

01Service and Dependency Injection modernization strategies

020 GitHub stars

03Step-by-step migration timeline and project planning

04Incremental component and directive conversion patterns

05Routing and Form system migration guidance

06Hybrid application configuration with ngUpgrade

Use Cases

01Upgrading legacy AngularJS 1.x enterprise applications to modern Angular

02Running and maintaining hybrid applications during long-term migrations

03Modernizing legacy Angular codebases to implement current best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add activer007/ordinary-claude-skills angular-migration

For use in Claude.ai and ChatGPT

Download Skill