Angular 6 - Visão geral

Existem cinco versões principais do Angular. A primeira versão lançada é a Angular 1, também chamada de AngularJS. A Angular 1 foi seguida pela Angular 2, que apresentou muitas alterações quando comparada à Angular 1.

A estrutura do Angular é baseada na arquitetura de componentes / serviços. O AngularJS foi baseado no controlador de visualização do modelo.Angular 6 lançado em maio de 2018 prova ser um grande avanço e é o lançamento mais recente da equipe Angular após o Angular 5.

O Angular 6 é quase o mesmo que o Angular 5. Ele tem uma compatibilidade com versões anteriores do Angular 5. Os projetos desenvolvidos no Angular 5 funcionarão sem problemas com o Angular 5.

Vamos agora ver os novos recursos e as alterações feitas no Angular 5.

Angular 5 e seus recursos

O Angular 5 foi lançado em novembro de 2017. De acordo com seu objetivo de velocidade e tamanho, era muito mais rápido e de tamanho menor do que o Angular 4. A seguir estão os recursos que foram introduzidos no Angular 5.

  • HTTPClient API- A API HTTPClient foi introduzida para descontinuar a biblioteca HTTP. A API HTTPClient é muito mais rápida, segura e eficiente do que a biblioteca HTTP.

  • Multiple export aliases - Um componente pode ser exportado usando vários aliases para facilitar o processo de migração.

  • Internationalized Pipes for Number, Date, and Currency - Novos tubos são introduzidos para uma melhor padronização.

  • Lambda support - Expressões lambda com nomes próprios podem ser usadas em vez de funções.

  • Build Optimizer- Introduzido o Build Optimizer. Ele otimiza o tamanho da compilação e melhora a velocidade do aplicativo. O Angular CLI usa o Build Optimizer automaticamente.

  • Improved Compiler- O compilador do Angular 5 em diante oferece suporte à compilação incremental, resultando em uma compilação mais rápida. O compilador usa transformações TypeScript, um novo recurso do TypeScript 2.3 disponível em diante.

Vamos agora ver os novos recursos adicionados ao Angular 6 -

  • Updated Angular CLI, Command Line interface- Novos comandos adicionados, como ng-update para migrar da versão anterior para a versão atual. ng-add para adicionar rapidamente recursos de aplicativos para torná-los aplicativos da web progressivos.

  • Updated CDK, Component Development Kit- Suporta a criação de elementos de UI personalizados sem a necessidade de biblioteca de materiais angular. Suporta layouts de web design responsivos. Suporta pacotes de sobreposição para criar pop-ups.

  • Updated Angular Material - Novo componente Tree adicionado, mat-tree, uma versão estilizada e cdk-tree, uma versão não estilizada, para representar uma estrutura hierárquica como a árvore.

  • Usage of RxJS, a reactive JS library

  • Angular Element- Permite que os componentes angulares sejam publicados como componentes da Web que podem ser usados ​​em qualquer página HTML. Usando o pacote Angular Element, elementos nativos personalizados podem ser criados facilmente.

  • Vários validadores - permite que vários validadores sejam aplicáveis ​​em um construtor de formulários.

  • Tree Shaking on Services - Agora, o tree shake pode ser aplicado em serviços para remover o código morto.