Novas alterações de suporte Angular TypeScript na versão 10

Angular lançou recentemente sua versão 10 e está repleta de recursos. Uma mudança importante é o fato de que seu novo suporte a TypeScript quebra a compatibilidade com versões anteriores. Vamos ver o que há de novo e como isso beneficia os desenvolvedores Angular.

As alterações no suporte ao TypeScript no Angular 10 podem ser resumidas em três áreas:

Novo suporte ao TypeScript 3.9

Angular 10 é um grande lançamento publicado em 24 de junho e carregado com muitas novas adições: de componentes de interface do usuário, como um novo seletor de intervalo de datas, a grandes mudanças sob o capô, como o suporte à versão TypeScript.

O suporte ao Angular TypeScript foi atualizado muito rapidamente, mostrando um compromisso completo com o superconjunto tipado do JavaScript:

• Angular 9 lançado em 6 de fevereiro com suporte para TypeScript 3.7
• Angular 9.1 lançado em 25 de março introduziu suporte para TypeScript 3.8
• Angular 10 agora suporta apenas TypeScript 3.9

Observe que esta é uma alteração importante: o TypeScript 3.8 e anteriores não são mais compatíveis com o Angular e, se você por algum motivo precisar deles, não deverá atualizar para o Angular 10 para preservar a integridade do seu aplicativo.

TSlib, a biblioteca de tempo de execução oficial do TypeScript que contém todas as funções auxiliares do TypeScript, foi atualizada para a versão 2.0.

TSLint, a ferramenta de análise estática que verifica o código TypeScript quanto a erros de legibilidade, manutenção e funcionalidade, foi atualizada para a versão 6. Esta é a última versão principal do TSLint antes de se tornar obsoleta, portanto, é provável que uma nova versão do Angular introduza suporte para TypeScript ESLint, a evolução do TSLint que permite que o ESLint dê suporte ao TypeScript.

Nova estrutura do projeto

Outra área onde o suporte ao Angular TypeScript também foi atualizado é no layout do projeto. A versão 10 agora apresenta um novo tsconfig.base.json. Este novo arquivo funciona em conjunto com o tradicional tsconfig.json:

• o tsconfig.jsonarquivo contém uma lista de caminhos para outros arquivos de configuração TypeScript incluídos no projeto atual para determinar a qual arquivo de configuração um arquivo pertence para que ele possa aplicar as opções apropriadas. Embora os editores de código e o servidor de linguagem do TypeScript usem esse arquivo para uma melhor experiência de desenvolvimento, os compiladores não.
• O tsconfig.base.jsonarquivo especifica as opções básicas do compilador TypeScript e Angular que todos os projetos no espaço de trabalho herdam.

Atualizar um aplicativo com ng updateatualizará automaticamente a estrutura para usar o novo tsconfig.base.json.

Novas configurações estritas

Angular 10 agora oferece uma nova opção de comando CLI ng new. Ao criar um novo espaço de trabalho com

ng new --strict

a nova área de trabalho terá novas configurações ativadas para ativar o modo estrito no TypeScript e configurar regras de linting para evitar declarações de tipo any. Isso permite ajudar a detectar bugs com antecedência e também permite que a CLI execute otimizações avançadas no aplicativo.

Mais mudanças no Angular 10

Esta postagem resumiu as alterações no suporte ao Angular TypeScript. Há muitas outras mudanças sobre as quais você pode ler na postagem do blog da versão Angular 10