- As principais APIs relacionadas à reatividade (reactivity) foram estabilizadas, e o recurso Zoneless foi disponibilizado em preview para desenvolvedores
- A experiência de depuração e a eficiência no desenvolvimento foram bastante aprimoradas com integração ao Chrome DevTools e outros recursos
- Suporte ao desenvolvimento com GenAI, introdução do llms.txt e disponibilização de guias e exemplos open source para criar apps de IA
- Os antigos NgIf, NgFor, NgSwitch foram oficialmente descontinuados, com recomendação de migração para o control flow embutido
- Foi iniciado um novo projeto para escolher o mascote oficial do Angular por votação da comunidade
Principais destaques do Angular v20
- Nos últimos anos, o Angular liderou grandes mudanças com reatividade baseada em Signals, apps Zoneless e mais
- No Angular v20, o foco foi a estabilidade dos recursos em andamento e a melhoria da experiência do desenvolvedor
Estabilização dos recursos de reatividade (reactivity)
- As APIs Signals, computed, input e view queries entraram em fase estável
- As APIs effect, linkedSignal e toSignal também foram estabilizadas, permitindo um gerenciamento de estado assíncrono mais confiável
- Foram compartilhados casos de sucesso em grandes serviços como Google e YouTube, incluindo melhoria de 35% na latência de entrada
Novas APIs experimentais: resource, httpResource
- A API resource facilita requisições assíncronas e processamento de dados em streaming conforme mudanças nos signals
- Com httpResource, há suporte a requisições HTTP baseadas em sinais, permitindo usar diretamente os resultados no signal
- Diferentes padrões de dados em streaming, como WebSocket, podem ser gerenciados de forma simples com signal
Preview para desenvolvedores do recurso Zoneless
- No ambiente SSR, handlers padrão para unhandledRejection e uncaughtException do Node.js foram incorporados
- No cliente, é possível fazer escuta global de erros com provideBrowserGlobalErrorListeners
- Foi fornecido um guia para remover o polyfill zone.js do angular.json e migrar para o modo zoneless
Evolução da renderização no lado do servidor
- Hidratação incremental (incremental hydration) e modos de renderização por rota foram estabilizados
- Apenas a UI necessária é baixada/hidratada ao entrar no viewport, minimizando o tráfego de JavaScript
- É possível configurar por rota diferentes modos de renderização, como SSR, CSR e Prerender
Melhorias na experiência do desenvolvedor e na produtividade
- Em colaboração com o Chrome DevTools, foi adicionada uma trilha de performance dedicada ao Angular, permitindo acompanhar em tempo real renderização interna do framework, eventos, change detection e mais
- Houve melhorias nas APIs de criação dinâmica com createComponent, aplicação de diretivas e binding baseado em signal
- O template agora suporta operador exponencial(
**), operador in e template literals sem tag
- Foram reforçados os diagnósticos para trackFn não chamado em @for, uso incorreto de nullish coalescing e ausência de entrada em diretivas estruturais
Guia de estilo e melhorias em host binding
- O guia de estilo foi simplificado e modernizado com base em 10 anos de práticas
- Sufixos padrão em nomes de arquivos/classes deixam de ser gerados por padrão, e recomenda-se o uso do objeto host em vez de HostBinding/HostListener
- A opção typeCheckHostBindings foi adicionada para detectar erros de binding em tempo real
Melhorias em DevTools/ambiente de testes e Angular Material
- Recursos de depuração para hidratação incremental e deferrable view foram adicionados ao Angular DevTools
- Como substituto do Karma, foi adicionado suporte ao vitest, com modo watch e testes em navegador em caráter experimental
- O componente de botão do Material foi alinhado à especificação M3, com ajustes de terminologia e melhorias de qualidade em animações/controle de movimento
Suporte a GenAI e LLM
- Foi introduzido o llms.txt para que LLMs aprendam código Angular atualizado, junto com amostras e guias open source
- Também foram publicados guias de integração com Genkit, Vertex AI e outros, além de live streams práticos e boas práticas
Introdução do control flow embutido e descontinuação de diretivas estruturais
- O control flow embutido, introduzido na v17, mostrou vantagens em intuitividade, segurança de tipos e desempenho
- *ngIf, *ngFor e *ngSwitch devem ser totalmente removidos na v22, com schematic de migração de código disponível
Projeto do mascote oficial do Angular
- Foram apresentados candidatos a mascote oficial e aberto um RFC para reforçar a identidade do Angular e seu simbolismo comunitário
- Há propostas como um formato de escudo inspirado no logo e um personagem Anglerfish
- A escolha final será feita com votação e feedback da comunidade, e também será possível sugerir nomes
Próximo roadmap
- Na v20, grandes recursos como reatividade, zoneless e hidratação incremental foram refinados e estabilizados
- Já estão em preparação os próximos grandes projetos, como selectorless, signal-forms, melhorias em testes unitários e o mascote
- A direção de evolução será definida com base na escuta ativa da comunidade
Ainda não há comentários.