angular-router

What problem does it solve?

Manages and simplifies Angular routing configuration, navigation, and route-based behaviors to reduce bugs, improve type safety, and enable efficient lazy loading across single-page applications.

Core Features & Use Cases

• Routing Configuration: Guidance on modern router setup with provideRouter and withComponentInputBinding for safer route inputs.
• Guards & Resolvers: Prefer functional guards and resolvers, with examples for authentication, authorization, and data prefetch.
• Lazy Loading & Performance: Patterns such as CanMatch and preload strategies to reduce initial bundle size and prevent unauthorized downloads.
• Use Case: Migrate an app from RouterModule.forRoot to provideRouter, convert class-based guards to functional guards, and add router inputs for type-safe params.

Quick Start

Use the angular-router skill to analyze a route configuration and recommend migrating to provideRouter with functional guards and component input binding.