O que é Zone.js – Glossário de Desenvolvimento
Zone.js é uma biblioteca JavaScript que cria zonas de execução assíncrona para interceptar e rastrear operações no código.
O que é Zone.js?
Zone.js foi desenvolvida pelo time do Angular para implementar a detecção de mudanças automática (change detection) do framework. Ela patcheia APIs assíncronas do navegador como setTimeout, Promise, addEventListener e XMLHttpRequest, permitindo que o Angular saiba quando uma tarefa assíncrona foi concluída e precise atualizar a view.
Por que Zone.js é importante?
Zone.js é fundamental para o Angular porque elimina a necessidade de chamar manualmente detectChanges() ou similar em cada callback assíncrono. No Angular moderno (v16+), a nova Signals API reduz a dependência de Zone.js, mas ele ainda é essencial em milhares de aplicações Angular em produção.
Como usar Zone.js na prática?
Uso básico de Zone.js: import 'zone.js'; const minhaZone = Zone.current.fork({ name: 'monitor', onInvokeTask: (parent, current, target, task) => { console.log('Tarefa:', task.source); return parent.invokeTask(target, task); } }); minhaZone.run(() => { setTimeout(() => console.log('teste'), 1000); });
Somos afiliados da Amazon, HubSpot, Envato, CapCut, Shopify e outras aqui, a cada compra ou assinatura aqui ganho uma pequena comissão, e isso me ajuda a continuar compartilhando conhecimento com você de forma gratuita. Muito obrigado por sua contribuição!
Precisa de ajuda com O que é Zone.js – Glossário de Desenvolvimento?
Nossa consultoria especializada pode ajudar você a dominar este e outros conceitos para escalar seu negócio.
Falar com um Especialista