A Google anunciou o lançamento do Angular v22, uma atualização robusta para seu framework de desenvolvimento web baseado em TypeScript. A nova versão traz a estabilização de APIs importantes, melhorias na ergonomia de templates e ferramentas inovadoras para a integração com agentes de codificação baseados em inteligência artificial.
- Signal Forms, Angular Aria e APIs de reatividade assíncrona (resource) foram estabilizados.
- OnPush agora é a estratégia de detecção de mudanças padrão para componentes.
- Novas APIs de injeção de dependência simplificam a criação de singletons globais e carregamento assíncrono.
- Templates ganham sintaxe aprimorada e melhorias de ergonomia.
- Suporte experimental a WebMCP e Angular Agent Skills prepara o terreno para ferramentas de IA.
- A migração requer TypeScript 6 e descontinua o suporte a Node 20 e Webpack.
Angular v22: Estabilidade e Inovação para o Desenvolvimento Web
O Angular v22, a mais recente iteração do framework de desenvolvimento web da Google, já está disponível, trazendo uma série de melhorias que prometem otimizar a experiência de desenvolvedores e a performance de aplicações. Esta versão foca na estabilização de APIs críticas, refinamentos de templates e a introdução de ferramentas experimentais para inteligência artificial, marcando um passo significativo na evolução do ecossistema Angular.
Signal Forms e APIs Assíncronas Atingem Estabilidade
Um dos destaques é a estabilização dos Signal Forms. Esta nova abordagem combina a robustez da tipagem forte dos formulários reativos com a simplicidade e a reatividade dos formulários baseados em templates, utilizando uma API declarativa e fundamentada em signals. Com documentação completa e suporte para Angular Material e Angular Aria, os Signal Forms prometem uma gestão de formulários mais intuitiva e performática.
# publicidade
Adicionalmente, as APIs de reatividade assíncrona como resource, rxResource e httpResource também foram estabilizadas. Elas oferecem uma maneira padronizada de modelar dados assíncronos como signals, incluindo o novo suporte a chain() para requisições dependentes e o cache de recursos para renderização no lado do servidor (SSR).
OnPush como Padrão e Melhorias na Injeção de Dependência
A mudança com o maior impacto potencial é a adoção de OnPush como a estratégia de detecção de mudanças padrão para componentes. A estratégia anterior foi renomeada para Eager. Esta alteração incentiva a construção de aplicações mais performáticas e previsíveis, uma vez que a detecção de mudanças é acionada apenas quando as entradas do componente mudam ou um evento ocorre.
O Angular v22 também aprimora a injeção de dependência. Um novo decorador @Service() simplifica a criação de singletons globais, substituindo o padrão comum @Injectable({providedIn: 'root'}). Além disso, injectAsync permite que serviços sejam carregados de forma preguiçosa (lazy loaded) e divididos em código (code split), com pré-busca opcional quando o navegador está ocioso.
Templates Mais Poderosos e Ergonômicos
Os templates ganham novas funcionalidades que aumentam a produtividade e a expressividade. Agora é possível usar a sintaxe de spread e rest, múltiplas correspondências de caso e verificações exaustivas de never em @switch, funções de seta inline e comentários dentro das tags de elementos. Uma prévia para desenvolvedores de @boundary, uma sintaxe de limite de erro para templates, é prometida para o terceiro trimestre de 2026.
Integração Experimental com Ferramentas de IA
Pensando no futuro da codificação, o Angular v22 inclui suporte experimental a WebMCP (Web Manifest Coder Protocol), que expõe ferramentas de aplicação e Signal Forms a agentes de IA no navegador. Juntamente com Angular Agent Skills e ferramentas de servidor de desenvolvimento MCP estáveis, o framework se posiciona para integrar-se melhor com as tendências de codificação assistida por IA.
Guia de Migração e Mudanças Importantes
Para atualizar para o Angular v22, os desenvolvedores devem executar ng update @angular/cli@^22 @angular/core@^22. É importante notar que esta versão exige TypeScript 6 e descontinua o suporte ao Node 20. Schematics automatizados foram implementados para adicionar ChangeDetectionStrategy.Eager a componentes sem estratégia definida e strictTemplates: false onde não estava habilitado, além de remover withFetch(), já que o cliente HTTP agora usa Fetch por padrão.
- paramsInheritanceStrategy agora assume 'always' por padrão (sem migração automática)
- O suporte a Webpack (incluindo @angular-devkit/build-angular e @ngtools/webpack) foi oficialmente depreciado.
Recepção da Comunidade: Elogios e Críticas
No fórum Hacker News, a recepção foi geralmente positiva. Muitos desenvolvedores expressaram satisfação com o Angular moderno e o entusiasmo com os Signal Forms, enquanto outros apontaram críticas relacionadas à tooling do framework, sugerindo que o Angular deveria abandonar seu compilador em favor de ferramentas baseadas em TypeScript e HTML puro, e a dificuldade de integrar toolchains personalizadas como Vite.
Perguntas Frequentes (FAQ)
O que são Signal Forms no Angular v22?
Signal Forms combinam a tipagem forte dos formulários reativos com a ergonomia dos formulários baseados em template, usando uma API declarativa e reativa baseada em signals, agora estável no v22.
Qual a mudança principal na detecção de mudanças do Angular v22?
A estratégia de detecção de mudanças OnPush agora é o padrão para componentes, substituindo a estratégia anterior, que foi renomeada para Eager.
O Angular v22 oferece suporte para ferramentas de IA?
Sim, o Angular v22 introduz suporte experimental a WebMCP e Angular Agent Skills, permitindo que agentes de IA interajam com o aplicativo e as ferramentas de Signal Forms.
Quais são os requisitos para atualizar para o Angular v22?
A atualização requer TypeScript 6 e o fim do suporte a Node 20. Certas configurações, como paramsInheritanceStrategy e o suporte a Webpack, exigem atenção manual na migração.
