What is the benefit of the hybrid migration approach?

The hybrid approach uses the ngUpgrade module to run AngularJS and Angular side-by-side, allowing teams to migrate features incrementally while the application remains functional in production.

How do I handle dependency injection between the two frameworks?

The skill provides templates for 'downgrading' Angular services so they can be used in AngularJS, and 'upgrading' AngularJS services for use in modern Angular components via InjectionTokens.

Can this skill help convert AngularJS directives?

Yes, it provides specific code patterns and structural guidance to convert complex AngularJS directives into modern Angular components using @Input and @Output decorators.

Does it support migrating from $http to HttpClient?

Absolutely. The skill includes patterns for updating legacy services to use the modern HttpClient and RxJS Observables instead of AngularJS promises.

Angular Migration

Name: Angular Migration
Author: pur3v4d3r

bypur3v4d3r

•

Developer Tools

Streamlines the transition from legacy AngularJS to modern Angular using hybrid strategies and incremental component rewriting.

This skill provides expert guidance and implementation patterns for modernizing legacy AngularJS (1.x) applications to the modern Angular (2+) framework. It facilitates various migration strategies, including the 'Big Bang' rewrite, incremental hybrid approaches using ngUpgrade, and vertical slice migrations. By providing standardized patterns for converting controllers to components, services to TypeScript-based injectables, and legacy routing to the modern Angular Router, this skill ensures a structured, low-risk path to application modernization while maintaining continuous delivery capabilities.

Key Features

01Transition strategies for legacy $routeProvider to modern Angular Routing

02Automated patterns for converting AngularJS controllers and directives to Angular components

03Comprehensive forms migration for both Template-driven and Reactive patterns

041 GitHub stars

05Hybrid application setup using ngUpgrade for side-by-side framework execution

06Step-by-step guidance for migrating services and dependency injection systems

Use Cases

01Refactoring JavaScript-based directives into modern TypeScript-based Angular components

02Modernizing legacy enterprise AngularJS 1.x applications to current versions

03Implementing a hybrid architecture to allow feature-by-feature migration without downtime

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pur3v4d3r/pur3-pkb-codebase angular-migration

For use in Claude.ai and ChatGPT

Download Skill