O Zoneless é um dos temas que mais gera confusão entre os novos desenvolvedores Angular hoje. Não por ser complexo, mas porque entender o que ele muda de verdade depende de ter uma boa base sobre o que veio antes. E esse ponto de partida é o zone.js.
O que é o Zone.js?
O zone.js é uma biblioteca poderosa que o Angular utiliza desde suas primeiras versões para orquestrar a detecção de mudanças (Change Detection). Ele funciona interceptando, através de uma técnica conhecida como monkey patching, as APIs assíncronas nativas do navegador. Isso inclui operações comuns do dia a dia do desenvolvedor, como o uso de setTimeout e setInterval, a adição de ouvintes de eventos com addEventListener, requisições HTTP via XMLHttpRequest ou fetch, e a resolução de Promessas.
Como ele funciona na prática?
Para ilustrar, imagine que você tem um componente com um botão que altera o valor de uma variável após um pequeno atraso.
