Quiz: Aula 08 ❓

Teste seus conhecimentos sobre o modelo moderno de Standalone Components.

1. Standalone Components foram introduzidos em qual versão estável do Angular?

   • ( ) 8
   • ( ) 10
   • ( ) 12
   • (x) 14/15
   • Explicação: O suporte completo e estável veio principalmente no Angular 15.

2. Qual a principal vantagem de não usar NgModules?

   • ( ) O código fica maior
   • (x) Menos "boilerplate" (código repetitivo) e melhor performance de carregamento
   • ( ) Não precisa de TypeScript
   • ( ) O site fica apenas em preto e branco
   • Explicação: Simplifica a curva de aprendizado e melhora o tree-shaking do build.

3. Onde colocamos o CommonModule em um componente standalone para usar diretivas como *ngIf?

   • ( ) No app.module.ts
   • ( ) No construtor
   • (x) No array imports do decorator @Component
   • ( ) No arquivo CSS
   • Explicação: Componentes standalone gerenciam suas próprias dependências.

4. Um componente Standalone pode importar outro componente Standalone?

   • (x) Sim, basta adicioná-lo ao array de imports
   • ( ) Não, componentes só podem ser importados por módulos
   • ( ) Sim, mas apenas se estiverem na mesma pasta
   • ( ) Não, gera erro de compilação
   • Explicação: O reuso entre componentes standalone é direto via imports.

5. Para iniciar a aplicação Standalone, usamos:

   • ( ) bootstrapModule
   • (x) bootstrapApplication
   • ( ) initApp
   • ( ) ngStart
   • Explicação: bootstrapApplication é a nova forma de dar partida na app sem um módulo raiz.

6. O que acontece com o arquivo app.module.ts em um projeto 100% standalone?

   • ( ) Ele é obrigatório mas fica vazio
   • (x) Ele pode ser completamente removido do projeto
   • ( ) Ele se torna um arquivo de imagem
   • ( ) Ele muda de nome para app.component.ts
   • Explicação: Em aplicações modernas puras, o arquivo de módulo não existe mais.

7. Como o Angular CLI sabe que deve criar um componente standalone?

   • ( ) Ele adivinha pelo seu nome
   • (x) Através da flag --standalone ou configuração no angular.json
   • ( ) Lendo o arquivo package.json
   • ( ) Não existe comando para isso
   • Explicação: A flag --standalone instrui o CLI a adicionar as propriedades corretas.

8. Componentes Standalone funcionam dentro de módulos clássicos?

   • (x) Sim, basta importá-los no array imports do NgModule
   • ( ) Não, são tecnologias incompatíveis
   • ( ) Sim, mas apenas em versões beta do Angular
   • ( ) Apenas se o módulo também for standalone
   • Explicação: O Angular permite a convivência entre os dois modelos durante a transição.

9. Qual o impacto dos standalone components no "Lazy Loading"?

   • ( ) Fica mais difícil
   • (x) Fica mais simples e direto carregar componentes individuais
   • ( ) Não é mais possível fazer lazy loading
   • ( ) O lazy loading fica mais lento
   • Explicação: O roteamento moderno aproveita a independência dos componentes para carregar código sob demanda.

10. A propriedade standalone: true é obrigatória para:

    • ( ) Todos os arquivos .ts
    • (x) Apenas para componentes, diretivas e pipes que operam sem um módulo
    • ( ) Para os serviços
    • ( ) Para as interfaces
    • Explicação: Pipe, Diretivas e Componentes são os três tipos que podem ser standalone.