Conheça os novos recursos do Angular 9

Neste artigo, aprenderemos o que há de novo no Angular 9. A nova versão foi lançada recentemente em 7 de fevereiro de 2020

Mesmo que a mudança barulhenta de 8 para 9 pareça um grande passo, a v9 é uma versão extraordinária que também inclui a correção do bug.

Além disso, existem vários recursos interessantes do Angular 9 que discutiremos neste artigo.

• Desenvolvimento maduro com Angular
• Recursos integrados do Angular
• Angular móvel e Ivy
• Melhorias de diagnóstico angular
• Tipo seguro e DI em Angular 9
• Benchmarks angulares

Angular é atualmente a estrutura de código aberto mais essencial para o desenvolvimento de aplicativos móveis e da web.

É desenvolvido pelo Google. A Angular está no mercado há muitos anos com uma estrutura de desenvolvimento abrangente que inclui componentes e ferramentas necessárias para criar aplicativos da web.

O Angular tem um roteiro limpo, com uma nova versão principal sendo lançada a cada seis meses.

Além disso, a equipe do Angular funciona muito bem para que o API não mude ou não mude com tanta frequência como o fazia do Angular 1 para o 2.

Isso é maravilhoso, pois mantém tudo atualizado com os recursos mais recentes e as melhores práticas suportadas por JavaScript e TypeScript.

Aqui, neste artigo, vamos nos concentrar em um dos problemas que corromperam as versões anteriores do Angular, como arquivos grandes que afetaram negativamente o tempo de download, o desempenho do aplicativo e as consequências.

Outro recurso essencial que enfocaremos é o compilador Ivy. Você terá uma ideia abrangente do Ivy e sua importância no futuro do Angular. Resultado final: ele resolve vários problemas com o desempenho do aplicativo e grandes pacotes.

Além disso, haverá uma discussão sobre os novos recursos, incluindo suporte à internacionalização e ligações sem seletor.

Conheça o desempenho e os pacotes de JavaScript

Um dos maiores problemas das versões anteriores do Angular é o grande tamanho do arquivo do aplicativo, que é equivalente a um criado em pacotes JavaScript.

Se você fizer uma comparação do Angular com outras bibliotecas, como Vue ou React, o aplicativo Angular é relativamente bom.

Durante o tempo de execução, você não sentirá a diferença. Embora o desempenho do Angular seja bom, o tempo de carregamento levará muito tempo porque o aplicativo simples também é grande.

O tamanho dos pacotes JavaScript também fornece conhecimento de outros problemas. Há muitas coisas para aprender com o Angular, pois é uma estrutura completa com equipamento de desenvolvimento integrado, enquanto outros
Bibliotecas JavaScript são mais focadas em componentes.

O que a equipe Angular pode fazer para mitigar os problemas decorrentes de enormes arquivos de pacotes na versão anterior?

Angular Ivy resolve vários problemas

Um dos recursos mais essenciais incluídos no Angular 8 foi a visualização do Ivy opcional.

Ivy é atualmente o novo canal de renderização e a nova construção interna. O renderizador é geralmente um motor que pega as instruções que você coloca nos componentes do Angular com modelos.

Ele também desempenha a função de traduzir os componentes em instruções que alteram o DOM (Document Object Model).

O compilador Ivy está escondido e também está sucedendo o ViewEngine com o Ivy, mas isso não muda a forma como trabalhamos com o Angular. Mas isso não muda a maneira como você trabalha com o Angular.

A mudança tem um impacto notável no código que está sendo gerado.

A visualização do Angular 8 ajuda o usuário a funcionar facilmente com o Ivy. Quando empregado com o tutorial do Angular 9, Ivy é atualmente um dos renderizadores padrão.

Se um renderizador for fácil de implementar e eficiente, isso significa que você pode criar menos código, pois não há necessidade de mais instruções.

O Ivy fornece muito menos pacotes JavaScript, portanto, resolve todos os pontos fracos pertencentes ao pacote do Angular.

Além disso, Ivy mudará todo o jogo, pois trará os aplicativos Angular a um nível completamente novo em termos de tamanho e desempenho.

Ivy nunca transforma a maneira como o Angular está sendo usado, mas muda toda a técnica da geração do aplicativo.

A equipe do Angular está atenta às iniciativas, como o volume de carga diferencial de JavaScript moderno que é incutido no Angular.

Isso significa que vários pacotes polyfill são implantados e desenvolvidos juntos.

Aplicativos móveis ágeis com Angular Ivy

Smartphones e vários dispositivos são responsáveis ​​pela maior parte do tráfego em todo o mundo. Além disso, muitas pessoas acessam páginas da web de locais que possuem conexões lentas com a Internet.

A maioria dos desenvolvedores pode refixar os aplicativos existentes para diminuir o tamanho das ferramentas para download e aumentar a experiência do usuário, mas essas mudanças podem ser muito caras, difíceis e arriscadas.

Ao reduzir o tamanho dos pacotes JavaScript, Ivy se torna uma melhoria bem-vinda para desenvolvedores que desejam acelerar o procedimento de desenvolvimento.

Melhorias de diagnóstico angular

Anteriormente, o Angular Compiler gerava diagnósticos API internos e diagnósticos TypeScript. No entanto, os diagnósticos do TypeScript se beneficiaram dos aprimoramentos atuais, que não foram implementados nos diagnósticos da API.

Em vez de trabalhar com vários formatos, o Angular 7 tornará o processo totalmente contínuo, convertendo todos os diagnósticos do Angular TypeScript Compiler com um tipo semelhante de formato de diagnóstico TypeScript.

A versão 9 mais recente também evitará que os aplicativos evitem possíveis problemas usando o registro do esquema para verificar as ligações DOM.

Além disso, o diagnóstico de modelo consistente será vantajoso no suporte à geração de mensagens de erro descritivas.

Atualização no API Extractor

O Angular depende de várias bibliotecas de software desenvolvidas separadamente.

Os usuários angular não podem perder potenciais bugs e os recursos mais recentes são incorporados em suas bibliotecas.

Em resposta, o Angular 9 atualizará o API Extractor para a nova versão.

A Angular usa o Bazel como um equipamento de código aberto que permite o teste de software e a automação predial.

O Bazel é uma ferramenta que está envolvida no tempo de construção pelo conjunto de ferramentas Angular.

Também oferece o benefício do mecanismo do compilador TypeScript para produzir um relatório de contrato, detectar a superfície API exportada do projeto e a falta de visibilidade e inconsistência. Ele produz documentação de API.

Não é uma atualização empolgante, devido a funções como extrator de API e melhorias regulares no Serviço de Linguagem que tornam uma estrutura eficiente e produtiva.

O que há no futuro do Angular?

Com o início do Angular 9, a comunidade pode obter a vantagem de aplicativos pequenos a aplicativos de alto desempenho e considerável experiência de desenvolvedor.

Os desenvolvedores também têm uma estrutura de projeto mais precisa, bem como uma sintaxe de encaixe.

A equipe Angular também previu que não há exigência de grandes mudanças no APU.

Existem mais depreciações e algum método alternativo de criação de componentes?

No futuro, mais foco será dado em usar mais tempo no desenvolvimento de diretivas e componentes, e menos tempo será dado para mantê-los juntos.

A equipe do Angular também ajuda com algumas recomendações em alguns problemas corrigidos do compilador e empacotamento de módulo.

Durante esse processo, a equipe também migra o Terser minimizado para uma melhor análise do compilador Ivy com base na recomendação da equipe Angular.

Se você também deseja construir um aplicativo móvel usando AngularJS Mobile App Development , é o momento certo para entrar em contato com Elsner.