How do standalone components change the way you organize and use components in Angular?

Standalone components declare their own dependencies, like which directives or other components they use, directly within the component itself using the imports array, removing the need to declare every component inside an NgModule. This simplifies the mental model and reduces boilerplate for many apps.

@Component({
  selector: 'app-user-card',
  standalone: true,
  imports: [CommonModule, RouterLink],
  template: `<a [routerLink]="['/profile']">View Profile</a>`
})
export class UserCardComponent {}