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.