Standalone Components
Standalone components, imports, providers, bootstrapping, migração de NgModules, nova estrutura de aplicação
1O que é um standalone component em Angular?
O que é um standalone component em Angular?
Resposta
Um standalone component é um componente Angular que define standalone: true no seu decorador @Component. Isso permite que o componente gerencie seus próprios imports e providers sem necessitar de um NgModule. Standalone components simplificam a arquitetura eliminando a necessidade de módulos intermediários para organizar dependências.
2Como declarar um standalone component?
Como declarar um standalone component?
Resposta
Para criar um standalone component, basta adicionar a propriedade standalone: true no decorador @Component. Esta simples declaração torna o componente independente de qualquer NgModule e permite gerenciar imports e providers diretamente nos metadados do componente, eliminando a necessidade de declaração externa em um módulo.
3Como importar outro componente em um standalone component?
Como importar outro componente em um standalone component?
Resposta
Em um standalone component, as dependências (componentes, diretivas, pipes) são adicionadas diretamente no array imports do decorador @Component. Cada componente pode importar outros standalone components, diretivas, pipes ou até mesmo NgModules clássicos. Isso elimina a necessidade de NgModules intermediários para gerenciar dependências entre componentes e simplifica a arquitetura.
Qual função usar para fazer o bootstrap de uma aplicação com um standalone component?
Como configurar providers globais com bootstrapApplication?
+15 perguntas de entrevista
Outros temas de entrevista Angular
Fundamentos do TypeScript
TypeScript Avançado
Fundamentos do Angular
Componentes e ciclo de vida
Services & Dependency Injection
Organização de Módulos Angular
Angular CLI
Diretivas e Pipes
Routing e Navegação
Formulários reativos
Formulários template-driven
Fundamentos do RxJS
Operadores RxJS
HttpClient e chamadas de API
Gerenciamento de estado básico
Change Detection
Angular Signals
Testes unitários em Angular
Testes End-to-End
Build e otimização
Fundamentos do NgRx
NgRx avançado
Arquitetura Angular
Otimização de desempenho
Segurança e boas práticas
Padrões avançados de RxJS
Angular Universal e SSR
Micro-frontends Angular
Domine Angular para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis