Arquitetura Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo com Nx, estrutura de pastas
1Qual é a principal diferença entre um smart component e um presentational component?
Qual é a principal diferença entre um smart component e um presentational component?
Resposta
Os smart components (ou container components) gerenciam a lógica de negócio, as chamadas API e o estado da aplicação através de serviços ou state management. Os presentational components focam apenas na exibição e recebem seus dados via @Input, emitindo eventos via @Output. Essa separação melhora a testabilidade e a reutilização dos componentes.
2Qual é a principal vantagem de usar presentational components?
Qual é a principal vantagem de usar presentational components?
Resposta
Os presentational components são altamente reutilizáveis porque não dependem de serviços ou de lógica de negócio específica. Recebem todos os seus dados via @Input e se comunicam via @Output, tornando-os facilmente testáveis com dados mockados e reutilizáveis em diferentes contextos. Essa abordagem também favorece o uso da estratégia OnPush para otimizar a performance.
3O que é um feature module no Angular?
O que é um feature module no Angular?
Resposta
Um feature module é um módulo Angular que encapsula uma funcionalidade de negócio específica da aplicação (exemplo: gerenciamento de usuários, carrinho de compras). Ele contém todos os componentes, serviços, diretivas e pipes necessários para essa funcionalidade. Os feature modules podem ser lazy loaded para melhorar a performance e promovem uma arquitetura modular escalável.
Qual é o papel de um Core Module em uma arquitetura Angular?
Por que importar o Core Module apenas uma vez no AppModule?
+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
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