vendix-frontend-lazy-routing

What problem does it solve?

This skill enables frontend teams to implement a consistent pattern for always lazy-loaded routes in Angular applications, reducing initial bundle size and improving perceived performance.

Core Features & Use Cases

• Lazy load standalone components using loadComponent to create on-demand UI pages.
• Lazy load feature modules using loadChildren for routes with child routes.
• Real-world example: add a new admin settings route that is loaded only when accessed, avoiding unnecessary code in the initial bundle.

Quick Start

Identify the active parent routes file (for example store_admin.routes.ts) and ensure you do not statically import the target component. Add a route object that uses loadComponent or loadChildren to lazy-load the module or component. Build and run the app, then navigate to the new route and verify that a separate chunk is generated and loaded on demand.