Otimização de desempenho
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1O que é a estratégia OnPush no Angular?
O que é a estratégia OnPush no Angular?
Resposta
OnPush é uma estratégia de change detection que limita as verificações aos casos em que os inputs do componente mudam por referência ou quando um evento interno é disparado. Essa otimização reduz consideravelmente a quantidade de ciclos de detecção em aplicações complexas. Aplicar OnPush por padrão em componentes de apresentação é uma boa prática para melhorar o desempenho.
2Qual é o papel principal do trackBy em uma diretiva ngFor?
Qual é o papel principal do trackBy em uma diretiva ngFor?
Resposta
trackBy permite que o Angular identifique de forma única cada item de uma lista, evitando assim a recriação completa do DOM durante as atualizações. Sem trackBy, o Angular destrói e recria todos os elementos mesmo que apenas um tenha mudado. Usar trackBy com um identificador único melhora significativamente o desempenho de listas dinâmicas.
3O que é lazy loading no contexto do routing Angular?
O que é lazy loading no contexto do routing Angular?
Resposta
O lazy loading é uma técnica de carregamento diferido de módulos que só baixa o código quando a rota correspondente é ativada. Isso reduz o tamanho do bundle inicial e acelera a primeira exibição da aplicação. Os módulos com lazy loading são definidos com loadChildren na configuração de rotas.
Qual método acionar para forçar uma verificação com OnPush?
Qual é a principal vantagem do virtual scrolling para listas grandes?
+19 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
Standalone Components
Testes unitários em Angular
Testes End-to-End
Build e otimização
Fundamentos do NgRx
NgRx avançado
Arquitetura Angular
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