A espera finalmente acabou.

O Angular 12 foi lançado e os desenvolvedores estão empolgados, mas também devem estar as empresas cujos sites são construídos com Angular. A atualização desta estrutura da web baseada em TypeScript pelo Google foi publicada em 12 de maio de 2021.

Os desenvolvedores dizem que esta versão do Angular está perto de alcançar o “Ivy Everywhere”. Ivy é o canal de compilação e renderização da próxima geração. Em outras palavras, é altamente avançado e pode oferecer recursos como velocidade de carregamento de página aprimorada que não estavam disponíveis antes.

A equipe Angular também anunciou que o View Engine será removido em uma versão futura. As bibliotecas atuais estão usando o View Engine, que ainda funcionará com aplicativos Ivy, mas os autores da biblioteca foram aconselhados a iniciar a transição para o Ivy.

Características do Angular 12

O serviço de linguagem baseado em Ivy já fornece vários recursos, como autocompletar código, muda de opt-in para on por padrão e dicas dentro de modelos. Aqui estão alguns dos recursos adicionais e melhorias na versão 12 do Angular:

• Compilação incremental - para melhorar o desempenho da CLI do compilador, o Angular 12 permite a compilação incremental na presença de arquivos de origem redirecionados .
• Melhor codificação - coalescência nula agora funciona com modelos angulares. Isso pode ajudá-lo a escrever um código mais claro nas classes TypeScript.
• Mudança automática para nova API - Atualmente, Angular Material e Angular CDK expõem uma nova superfície Sass API projetada para consumo com a nova sintaxe @use. Quando você atualiza para o Angular 12, um aplicativo muda automaticamente para a nova API ao ser atualizado por meio de atualização do ng.
• Recursos de migração - agora existem ferramentas disponíveis no Angular 12 que o ajudarão a migrar IDs de localização legados para IDs usando os algoritmos mais recentes.
• SASS inline - os componentes agora têm suporte para SASS inline no campo de estilos do decorador @component.
• Eficiente - a execução da construção do ng agora é padronizada para produção, o que ajuda a economizar algumas etapas e ajuda a evitar a implantação acidental de construções de desenvolvimento.
• Modo estrito - o modo estrito agora está habilitado por padrão no CLI. Isso pode ajudá-lo a detectar erros no início do ciclo de desenvolvimento.
• Webpack 5 - O empacotador de módulo Webpack 5 está pronto para produção.
• IE11 No More - Você não recebe mais suporte para o navegador Internet Explorer 11.
• Suporte ao compilador - para o compilador, é oferecido suporte para transformar recursos de estilo de componente .
• Conclusões de propriedades angulares - as conclusões de propriedades angulares agora são fornecidas apenas em modelos para o serviço de idioma.
• Opção de contexto - uma opção de contexto foi introduzida para compiler-cli, para colocar qualquer solicitação que permita o fornecimento de dados arbitrários de maneira segura. Esse recurso atende à necessidade de configurar interceptores em clientes HTTP por solicitação.
• Avanço dos elementos DOM - Para animações, os elementos DOM agora são removidos corretamente quando a visualização raiz é removida. Esta é uma mudança significativa.
• Remoção de funções desnecessárias - para melhorar o desempenho, os métodos não utilizados foram removidos do DomAdapter.
• Legacy Migrate - Um novo formato é adicionado ao localize-extract, denominado legacy-migrate , para gerar um arquivo JSON que pode ser usado para mapear IDs de mensagens legadas para canônicas.
• Verificações nulas aprimoradas - verificações nulas estritas informarão sobre um fragmento potencialmente nulo. Esta é uma mudança significativa.
• Melhorias no APP INITIALIZER - O tipo de token APP-INITIALIZER foi alterado para refletir com mais precisão os tipos de valores de retorno tratados pelo Angular. Esta é uma mudança significativa.
• Alterações de funcionalidade de animação - foi adicionado suporte para desativar animações por meio de BrowserAnimationsModulewithConfig.
• Introdução da opção emitEvent - A opção emit event foi adicionada para FormArray e FormGroup. Esta é uma mudança significativa.
• Melhor controle - mais controle ajustado foi adicionado em routerLinkActiveOptions .
• Implementações de roteador de roteador - são permitidas implementações de tomadas de roteador personalizadas.
• Suporte TypeScript - O suporte foi adicionado para TypeScript 4.2 , e o suporte para TypeScript 4.0 e TypeScript 4.1 foi eliminado.

• Implementação do método appendAll () em HttpParams .
• Validadores mínimo e máximo estão sendo introduzidos para os formulários.
• O Angular Language Service agora possui um recurso que permite acessar locais para componentes que usam um arquivo de modelo.
• Novos diagnósticos agora sugerem ativar strictTemplates , oferecendo ao servidor de linguagem uma maneira de recuperar diagnósticos de opções do compilador.

O Angular 12 soa com uma tonelada de novos recursos, muitos dos quais provavelmente abrirão muitas novas possibilidades de construção de um aplicativo da web. É justo dizer que há alguns outros frameworks que estão dando uma competição válida para o Angular este ano.

Estou falando especificamente sobre React e Vue. Ambas as estruturas lançaram suas versões mais recentes durante o início do segundo trimestre deste ano.

O quão bem o Angular se compara ao Vue e ao React , sem falar de outros frameworks, é algo que você sempre pode aprender mais e escolher aquele que melhor se adapta às suas necessidades. Espero que isso aborde tudo o que há de novo no Angular 12.