Does it help with the transition from JavaScript to TypeScript?

Yes, it includes best practices for implementing TypeScript during the migration and provides comparative examples of JavaScript controllers versus TypeScript components.

Is it better to do a complete rewrite or an incremental migration?

This skill provides guidance for both. It recommends a 'Big Bang' rewrite for small apps and an 'Incremental' or 'Vertical Slice' approach for large-scale enterprise applications to ensure continuous delivery.

Can I use this to migrate services and dependency injection?

Absolutely. The skill covers patterns for downgrading Angular services for use in AngularJS and upgrading legacy services for use in modern Angular components.

Does this skill support hybrid AngularJS and Angular applications?

Yes, it provides detailed code templates and configuration steps for setting up hybrid environments using the UpgradeModule, allowing both frameworks to run side-by-side.

Angular Migration Master

Name: Angular Migration Master
Author: HermeticOrmus

byHermeticOrmus

0•

开发者工具

Facilitates the modernization of legacy AngularJS applications to the latest Angular framework using hybrid and incremental strategies.

The Angular Migration skill provides comprehensive guidance for transitioning legacy AngularJS 1.x applications to modern Angular (v2 and beyond). It supports various migration paths, including full rewrites, vertical slices, and sophisticated hybrid setups using ngUpgrade. By providing specialized implementation patterns for component conversion, cross-framework dependency injection, and routing updates, this skill helps developers maintain application stability while modernizing their tech stack and adopting current Angular best practices and TypeScript standards.

主要功能

01Hybrid application setup using ngUpgrade for side-by-side execution

020 GitHub stars

03Bi-directional dependency injection bridging (upgrading and downgrading services)

04Structured migration timelines and phase-based planning guides

05Incremental conversion patterns for AngularJS controllers and directives

06Comprehensive routing and forms migration strategies

使用场景

01Transitioning AngularJS services to modern RxJS-based Angular services

02Modernizing mission-critical legacy enterprise applications without downtime

03Gradually refactoring large codebases through a feature-by-feature vertical slice approach

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/after-the-third-cup angular-migration

For use in Claude.ai and ChatGPT

Download Skill