Angular Signals na prática

O Angular evoluiu bastante nos últimos anos, e uma das mudanças mais importantes é o sistema de Signals: uma forma de reatividade explícita, simples e eficiente para gerenciar estado.

O que é um signal?

Um signal é um contêiner reativo de valor. Você lê com uma chamada de função (count()) e escreve com set ou update. Quando o valor muda, tudo que depende dele é atualizado.

import { signal, computed } from '@angular/core';

count = signal(0);
double = computed(() => this.count() * 2);

increment() {
  this.count.update((c) => c + 1);
}

Por que importa?

• Menos zone.js e mais previsibilidade.
• Derived state com computed(), sem efeitos manuais.
• Templates mais limpos com controle de fluxo nativo.

Quando usar

Use signals para estado local de componente e estado compartilhado em serviços. Para derivações, prefira sempre computed() em vez de recalcular manualmente.