Angular lan\u00e7ou recentemente sua vers\u00e3o 10 e est\u00e1 repleta de recursos. Uma mudan\u00e7a importante \u00e9 o fato de que seu novo suporte a TypeScript quebra a compatibilidade com vers\u00f5es anteriores. Vamos ver o que h\u00e1 de novo e como isso beneficia os desenvolvedores Angular.<\/p>\n
As altera\u00e7\u00f5es no suporte ao TypeScript no Angular 10 podem ser resumidas em tr\u00eas \u00e1reas:<\/p>\n
Angular 10 \u00e9 um grande lan\u00e7amento publicado em 24 de junho e carregado com muitas novas adi\u00e7\u00f5es: de componentes de interface do usu\u00e1rio, como um novo seletor de intervalo de datas,<\/a> a grandes mudan\u00e7as sob o cap\u00f4, como o suporte \u00e0 vers\u00e3o TypeScript.<\/p>\n O suporte ao Angular TypeScript<\/a> foi atualizado muito rapidamente, mostrando um compromisso completo com o superconjunto tipado do JavaScript:<\/p>\n Observe que esta \u00e9 uma altera\u00e7\u00e3o importante: o TypeScript 3.8 e anteriores n\u00e3o s\u00e3o mais compat\u00edveis com o Angular e, se voc\u00ea por algum motivo precisar deles, n\u00e3o dever\u00e1 atualizar para o Angular 10 para preservar a integridade do seu aplicativo.<\/p>\n TSlib<\/a>, a biblioteca de tempo de execu\u00e7\u00e3o oficial do TypeScript que cont\u00e9m todas as fun\u00e7\u00f5es auxiliares do TypeScript, foi atualizada para a vers\u00e3o 2.0.<\/p>\n TSLint<\/a>, a ferramenta de an\u00e1lise est\u00e1tica que verifica o c\u00f3digo TypeScript quanto a erros de legibilidade, manuten\u00e7\u00e3o e funcionalidade, foi atualizada para a vers\u00e3o 6. Esta \u00e9 a \u00faltima vers\u00e3o principal do TSLint antes de se tornar obsoleta, portanto, \u00e9 prov\u00e1vel que uma nova vers\u00e3o do Angular introduza suporte para TypeScript ESLint<\/a>, a evolu\u00e7\u00e3o do TSLint que permite que o ESLint d\u00ea suporte ao TypeScript.<\/p>\n Outra \u00e1rea onde o suporte ao Angular TypeScript tamb\u00e9m foi atualizado \u00e9 no layout do projeto. A vers\u00e3o 10 agora apresenta um novo Atualizar um aplicativo com Angular 10 agora oferece uma nova op\u00e7\u00e3o de comando CLI a nova \u00e1rea de trabalho ter\u00e1 novas configura\u00e7\u00f5es ativadas para ativar o modo estrito no TypeScript e configurar regras de linting para evitar declara\u00e7\u00f5es de tipo Esta postagem resumiu as altera\u00e7\u00f5es no suporte ao Angular TypeScript. H\u00e1 muitas outras mudan\u00e7as sobre as quais voc\u00ea pode ler na postagem do blog da vers\u00e3o Angular 10<\/a><\/p>\n\n
Nova estrutura do projeto<\/h2>\n
tsconfig.base.json<\/code>. Este novo arquivo funciona em conjunto com o tradicional tsconfig.json<\/code>:<\/p>\n\n
tsconfig.json<\/code>arquivo cont\u00e9m uma lista de caminhos para outros arquivos de configura\u00e7\u00e3o TypeScript inclu\u00eddos no projeto atual para determinar a qual arquivo de configura\u00e7\u00e3o um arquivo pertence para que ele possa aplicar as op\u00e7\u00f5es apropriadas. Embora os editores de c\u00f3digo e o servidor de linguagem do TypeScript usem esse arquivo para uma melhor experi\u00eancia de desenvolvimento, os compiladores n\u00e3o.<\/li>\ntsconfig.base.json<\/code>arquivo especifica as op\u00e7\u00f5es b\u00e1sicas do compilador TypeScript e Angular que todos os projetos no espa\u00e7o de trabalho herdam.<\/li>\n<\/ul>\nng update<\/code>atualizar\u00e1 automaticamente a estrutura para usar o novo tsconfig.base.json<\/code>.<\/p>\nNovas configura\u00e7\u00f5es estritas<\/h2>\n
ng new<\/code>. Ao criar um novo espa\u00e7o de trabalho com<\/p>\nng new --strict<\/code><\/p>\nany<\/code>. Isso permite ajudar a detectar bugs com anteced\u00eancia e tamb\u00e9m permite que a CLI execute otimiza\u00e7\u00f5es avan\u00e7adas no aplicativo.<\/p>\nMais mudan\u00e7as no Angular 10<\/h2>\n