Quiz: Aula 09 ❓

Teste seus conhecimentos sobre o roteamento no modelo Standalone do Angular.

1. Qual função é usada no main.ts para registrar as rotas?

   • ( ) registerRoutes()
   • (x) provideRouter()
   • ( ) useRouter()
   • ( ) bootstrapRoutes()
   • Explicação: provideRouter() é o novo utilitário de configuração global de navegação.

2. Como fazemos o Lazy Loading de um componente standalone?

   • ( ) Usando component: () => import(...)
   • (x) Usando a propriedade loadComponent: () => import(...)
   • ( ) Usando lazyComponent
   • ( ) Não é possível, apenas módulos têm lazy loading
   • Explicação: loadComponent substitui o loadChildren para componentes individuais.

3. Onde as configurações de "Providers" (como rotas e APIs) são feitas agora?

   • ( ) No app.module.ts
   • ( ) No index.html
   • (x) No segundo argumento da função bootstrapApplication
   • ( ) No arquivo .css
   • Explicação: O objeto de configuração do bootstrap centraliza os provedores globais.

4. Preciso de um arquivo app-routing.module.ts no modelo standalone?

   • ( ) Sim, ele continua obrigatório
   • (x) Não, as rotas podem ser definidas em um simples arquivo de constantes TS
   • ( ) Sim, mas apenas para definir parâmetros de URL
   • ( ) Sim, mas o nome muda para route.config.ts
   • Explicação: O arquivo de módulo de rota se torna opcional e geralmente é removido.

5. Para usar routerLink em um componente standalone, o componente precisa importar:

   • ( ) CommonModule apenas
   • (x) RouterLink ou RouterModule
   • ( ) Nada, o Angular injeta automaticamente
   • ( ) FormModule
   • Explicação: Componentes standalone devem ser explícitos sobre suas dependências de template.

6. Qual o retorno da função provideRouter(routes)?

   • ( ) Um array de strings
   • (x) Um objeto de configuração para o sistema de Injeção de Dependência
   • ( ) Uma tag HTML
   • ( ) Uma URL
   • Explicação: Ele retorna um Provider que o Angular usa para inicializar o serviço de roteamento.

7. A propriedade path mudou entre o modelo clássico e o standalone?

   • ( ) Sim, agora usamos @path
   • (x) Não, a definição dos caminhos permanece idêntica
   • ( ) Sim, agora os caminhos devem começar com /
   • ( ) Sim, não usamos mais strings
   • Explicação: A estrutura do objeto Route é retrocompatível na maioria das propriedades.

8. O que o loadComponent melhora na aplicação?

   • ( ) Diminui o número de linhas de código
   • (x) Diminui o tamanho do pacote inicial (bundle size), melhorando o carregamento
   • ( ) Aumenta a segurança do site
   • ( ) Muda a cor dos botões
   • Explicação: Ao quebrar a app em pequenos pedaços, o navegador baixa menos código inicialmente.

9. Posso usar provideRouter junto com outros providers, como o provideHttpClient?

   • (x) Sim, eles convivem no mesmo array de providers do bootstrap
   • ( ) Não, apenas um provider é permitido por aplicação
   • ( ) Sim, mas apenas se o roteador vier por último
   • ( ) Apenas em modo de produção
   • Explicação: O bootstrap aceita uma lista de diversos provedores de serviços.

10. Qual o comando para gerar o arquivo de rotas standalone pelo CLI?

    • ( ) ng generate routes
    • ( ) ng g r
    • (x) Geralmente criamos o arquivo app.routes.ts manualmente ou via setup inicial (ng new --standalone)
    • ( ) ng build --routes
    • Explicação: O CLI cria este arquivo automaticamente se você escolher o modo standalone ao iniciar um projeto novo.