Aula 08: Standalone Components 📦

O Futuro do Angular Chegou

Adeus, NgModules (para a maioria dos casos)!

O componente agora é autossuficiente.

A nova propriedade do decorator @Component.

@Component({
  standalone: true,
  imports: [CommonModule],
  ...
})

Se o componente usa um *ngIf, ele mesmo importa o CommonModule.

Se usa outro componente, importa ele diretamente também!

Como dar o "play" na app sem módulos?

No main.ts:

bootstrapApplication(AppComponent);

Em aplicações novas? Sim!

Em aplicações existentes? É um processo de transição.

ng g c meu-componente --standalone

Standalone components podem ser usados dentro de módulos, e vice-versa.

A interoperabilidade é total!

Vamos criar uma aplicação do zero sem nenhum arquivo .module.ts!