Can I use this skill to migrate services first?

Yes, migrating services to Angular is often the recommended first step as they are easier to isolate and can be provided to both the legacy and modern parts of the app.

How do I handle dependency injection during a hybrid migration?

The skill provides specific patterns for 'downgrading' Angular services for use in AngularJS and 'upgrading' legacy services for use in new Angular components.

What is the best strategy for migrating a large AngularJS app?

The incremental (hybrid) approach is usually best for large apps, allowing you to run both frameworks side-by-side using ngUpgrade while migrating feature by feature.

Is TypeScript required for this migration?

While modern Angular requires TypeScript, this skill helps you manage the transition from AngularJS JavaScript to TypeScript-based components and services.

Does this skill support routing migration?

Yes, it includes patterns and examples for moving from AngularJS routing systems like ngRoute or ui-router to the modern Angular Router.

Angular Migration

Name: Angular Migration
Author: Activer007

byActiver007

0•

Developer Tools

Facilitates the transition of legacy AngularJS applications to modern Angular using hybrid strategies, component rewriting, and dependency injection updates.

This skill provides a comprehensive framework for migrating legacy AngularJS (1.x) applications to modern Angular (2+). It guides developers through setting up hybrid applications using ngUpgrade, converting controllers and directives into components, and modernizing services and dependency injection. Whether you are planning a complete rewrite or a feature-by-feature incremental update, this skill offers the implementation patterns and best practices needed to ensure a smooth transition while maintaining application stability and continuous delivery.

Key Features

01Phased migration planning templates and best practice documentation for large-scale projects.

020 GitHub stars

03Service and dependency injection modernization using HttpClient and Observables.

04Step-by-step conversion patterns for AngularJS controllers and directives to Angular components.

05Hybrid app setup with ngUpgrade for side-by-side execution of AngularJS and Angular.

06Routing migration strategies from ngRoute/ui-router to the native Angular Router.

Use Cases

01Running AngularJS and Angular components simultaneously during a long-term transition phase.

02Refactoring AngularJS factory and service logic into injectable TypeScript-based Angular services.

03Modernizing legacy enterprise AngularJS applications to the latest Angular version.

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