Componentes e ciclo de vida
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1O que é um lifecycle hook em Angular?
O que é um lifecycle hook em Angular?
Resposta
Um lifecycle hook é um método especial chamado automaticamente pelo Angular em momentos-chave do ciclo de vida de um component ou diretiva. Esses hooks permitem executar código em etapas específicas como criação, atualização ou destruição. Os hooks mais comuns são ngOnInit, ngOnChanges e ngOnDestroy.
2Quando o ngOnInit é chamado?
Quando o ngOnInit é chamado?
Resposta
ngOnInit é chamado uma vez após o primeiro ngOnChanges, depois que todas as propriedades @Input foram inicializadas. É o hook ideal para inicializar dados do component, iniciar subscriptions ou chamar serviços. É preferível ao constructor para lógica de inicialização pois todos os bindings estão garantidamente disponíveis.
3Qual é a principal diferença entre ngOnChanges e ngOnInit?
Qual é a principal diferença entre ngOnChanges e ngOnInit?
Resposta
ngOnChanges é chamado toda vez que uma propriedade @Input muda de valor e recebe um objeto SimpleChanges contendo valores antigos e novos. ngOnInit é chamado apenas uma vez após a primeira inicialização. Use ngOnChanges para reagir a mudanças de inputs e implementar lógica dependente de valores @Input. Prefira ngOnInit para inicialização única como chamadas API ou configuração inicial.
Por que usar ngOnDestroy em um component?
Em que ordem os lifecycle hooks são chamados ao criar um component?
+17 perguntas de entrevista
Outros temas de entrevista Angular
Fundamentos do TypeScript
TypeScript Avançado
Fundamentos do Angular
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
Standalone Components
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