Novidades do Angular 11 – Vale a pena atualizar?

Recentemente foi lançada a versão 11 do Angular, e essa nova versão trouxe algumas atualizações interessantes. Nesse post vou me ater somente as novidades do angular 11 mais importantes, além disso vou tentar levantar alguns pontos que você deve considerar caso esteja pensando em atualizar a versão do seu projeto angular.

Vale a pena destacar que além de novas funcionalidades a equipe do angular está focada na correção de bugs e na diminuição do backlog do projeto, que por sinal é gigantesco.

Build mais rápido

O Angular 11 trouxe uma grande melhoria de performance no build.

Muito disso se deu por conta da melhoria na performance do NGCC( Angular Compatibility Compiler) que em em alguns casos trouxe uma velocidade de compilação 4 vezes mais rápido.

Outro ponto que melhorou o tempo de build foi justamente a atualização para o TypeScript 4.0.

Atualização para TypeScript 4.0

Como dito acima o Angular 11 veio com a atualização do TypeScript para a versão 4, junto da remoção do suporte da versão 3.9.

Vale sempre ficar atento as novidades do TypeScript já que ele está profundamente ligado ao Angular.

Melhoria visual na estrutura log

Por mais simples que pareça essa é uma grande evolução, já que o angular exige que o desenvolvedor passe mais tempo na linha de comando.

Agora o cli apresenta de maneira mais clara o arquivos compilados e seus tamanhos usando uma tabela, facilitando assim a comparação de tamanho dos arquivos.

Além disso houve uma melhoria geral no visual da cli.

Import automático de fontes

Esse é a maior evolução na versão do angular, mas até agora eu me pergunto se ela realmente ajuda em algo.

Agora o angular baixa automaticamente as fonts usadas no projeto e adiciona elas nos arquivos de build.

Mas sendo sincero isso pouco vai mudar no dia a dia do desenvolvedor.

Além disso essa funcionalidade só surtirá efeito no build para ambiente produtivo, usando o comando ng build --prod.

Hot Module Reloading

Antes disponível somente com webpack agora é possível habilitar o HMR diretamente pelo ng cli.

Para habilitar o HMR é só usar o comando ng serve --hmr.

O interessante no HMR é o fato de não ser preciso atualizar toda a tela quando é feita uma mudança em algum módulo/component.

Depreciação TSLint

Por conta da migração do TSLint para o TSLint o Angular acabou por acompanhar esse movimento, então o TSLint está sendo removido da nova versão do Angular.

Então com essa mudança é preciso fazer a migração para o ESLint.

Remoção de suporte de versões do IE

Cada vez menos o IE é usado.

Com isso em mente na versão 11 do Angular foram removidos o suporte as versões 9, 10 e Mobile do Internet Explorer.

Devo atualizar meu projeto para o Angular 11?

A menos que você precise urgentemente de um build mais rápido, ou da melhoria do log sim.

Mas se esse não for o caso, certamente não.

Devo iniciar um novo projeto usando Angular 11?

Por ser a nova versão eu aconselho começar seu novo projeto usando o Angular 11.

Caso você tenha o angular-cli instalado para atualizar a versão é só usar o comando ng update @angular/cli @angular/core.

Novidades do Angular 11 – Conclusão

Em suma por causa da escolha do time do Angular de liberar duas versões do Angular por ano não houve muitas mudanças.

Mas as mudanças que vieram podem ajudar no fluxo de trabalho do dia a dia.

Caso queira ler todas as mudanças confira o blog oficial do Angular.

Agora se você está começando com Angular e quer aprender com quem sabe eu recomendo o Pacote Full-Stack dos nossos parceiros da Danki Code.

Confira tudo sobre o mundo do desenvolvimento aqui.