Angular 7: Novidades e Melhoria na Velocidade

O Angular 7 chegou com novidades que vão ajudar muito o desenvolvimento web. Tem novas funcionalidades e ajustes que tornam seu aplicativo mais eficiente.

JP Project

Ajuda do CLI

Agora, o Angular CLI oferece dicas quando você cria um novo projeto. Ao digitar ng new MySuperProject, você vai ver orientações para seguir todos os passos certos.

CLI Prompt

Angular Material CDK

Novidades bacanas no Angular Material, como:

Scrolling Virtual

Com o Scrolling Virtual, só os dados que você vê são carregados, o que deixa tudo mais rápido e leve para o navegador.

Virtual Scrolling

<script src="https://gist.github.com/brunobritodev/983f8102a0e35958076923e0b843282e.js"></script>

Arrastar e Soltar

Agora dá para usar a função de arrastar e soltar sem precisar de outras bibliotecas, permitindo ajustar animações e interações como quiser.

Drag Drop

Velocidade

O Angular 7 melhora bastante a velocidade com tempos de compilação menores e ajustes na compactação do código. Removemos dependências como reflect-metadata, o que melhora o desempenho total.

Pacote

Monitoramos o tamanho dos projetos e avisamos se passarem de 2MB e 5MB. Você pode ajustar esses limites no angular.json.

<script src="https://gist.github.com/brunobritodev/3e4e222d0808bd3b9f307bc83a75a729.js"></script>

Dependências Atualizadas

Atualizamos para suportar TypeScript 3.1, RxJS 6.3 e Node 10, deixando o Angular 7 compatível com as últimas novidades.

Como Atualizar

Para atualizar, rode ng update @angular/cli @angular/core. Se usar Angular Material, rode também ng update @angular/material. Para ajuda, veja o Guia de Atualização do Angular.

Referências