Standalone APIs in Angular v16 

Learn more about Angular v16 → goo.gle/angular-v16 Migrate an existing Angular project to standalone → goo.gle/3HnTMFR Getting started with standalone components → goo.gle/angular-standalone-routing

I stay up to date with everything Angular related, but this video is the first time i saw there is a migration as well! Nice

The docs show that loadComponent() is still implemented like so export const ROUTES: Route[] = [ {path: 'admin', loadComponent: () => import('./admin/panel.component').then(mod => mod.AdminPanelComponent)}, // ... ];

What is the difference between component import and component module import? Can the two coexist? When migrating to v16 and also migrating to the standalone component, it got confusing.

Is this method correct, because I applied the same as you did, but it shows me an error, but with this method it works fine .. import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; @Component({ selector: 'app-products', standalone: true, imports: [CommonModule], templateUrl: './products.component.html', styleUrls: ['./products.component.css'] }) export class ProductsComponent { }...... this is teh route >>> { path: 'products', loadComponent: () => import('./Components/products/products.component').then( (m) => m.ProductsComponent ), },

I don't understand

This may not be a good idea.

improving dev experience == improving noob experience. never understood what is hard about learning modules