angular-standalone

What problem does it solve?

This skill helps convert NgModule-based Angular components and applications to the standalone component model, simplify bootstrapping, and reorganize imports and providers for modern Angular versions.

Core Features & Use Cases

• Migration Guidance: Step-by-step patterns to transform components, update decorators, and remove or replace NgModules.
• Bootstrapping & Providers: Examples for using bootstrapApplication, ApplicationConfig, and functional providers such as provideRouter and provideHttpClient.
• Routing & Lazy Loading: Advice on configuring RouterOutlet, loadComponent-based lazy loading, and preserving routing behavior during migration.
• Use Case: Migrate a legacy Angular app to standalone components, update main.ts to bootstrap a root standalone component, and refactor shared module imports into component-level imports.

Quick Start

Convert src/app/my.component.ts to a standalone component, update main.ts to use bootstrapApplication(AppComponent) with appropriate ApplicationConfig providers, and adjust imports and routes to match the new standalone structure.