Angular Signals
Signals API, computed, effect, signal inputs, signal queries, modelo de reatividade, migração do RxJS
1O que é um signal no Angular?
O que é um signal no Angular?
Resposta
Um signal é uma primitiva de reatividade introduzida no Angular 16+ que encapsula um valor e notifica automaticamente os consumidores quando esse valor muda. Diferente dos Observables RxJS, os signals oferecem uma abordagem mais simples e performática para gerenciar estado reativo. São síncronos por padrão e se integram nativamente com o sistema de change detection do Angular.
2Como criar um signal com um valor inicial?
Como criar um signal com um valor inicial?
Resposta
A função signal() recebe o valor inicial como parâmetro: signal(0) cria um signal contendo 0. O signal retornado é uma função getter que pode ser chamada para ler o valor. Para modificar o valor, use os métodos set(), update() ou mutate(). A sintaxe é concisa e evita a verbosidade do BehaviorSubject do RxJS.
3Como ler o valor de um signal?
Como ler o valor de um signal?
Resposta
Chame o signal como uma função: count() retorna o valor atual. Esta sintaxe permite ao Angular rastrear automaticamente as dependências em contextos reativos (templates, computed, effect). Diferente dos Observables que requerem subscribe() ou async pipe, os signals oferecem leitura síncrona e direta.
Qual método usar para substituir completamente o valor de um signal?
Como atualizar um signal com base em seu valor anterior?
+17 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
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