Angular 2 – Conhecendo e atualizando para a versão 4.0.0

Curso básico gratuito de Angular 2 | kazale.comO objetivo dessa é demonstrar como atualizar o Angular 2 para utilizar a versão 4.0.0.

 

Digite seu email para se inscrever em nossa newsletter e receber atualizações sobre novos conteúdos.

Ao término dessa aula você aprenderá a atualizar o seu projeto Angular 2 para a versão 4.0.0.

1. Introdução

O Angular 2 acaba de lançar a versão 4.0.0 (referência).

A primeira vista essa versão é bastante confusa, pois o que tem a ver Angular 2 na versão 4.0.0?

O Angular 2 adotou como padrão de versionamento de desenvolvimento o versionamento semântico, que é um modelo amplamente seguido e utilizado.

O que é preciso ficar claro é que a versão de desenvolvimento não á a versão do framework. Angular 2 é a versão do framework, a segunda geração do framework Angular.

Já a versão 4.0.0 significa o estágio de desenvolvimento em que o código fonte do Angular 2 está, o que pode gerar confusão com a versão do framework.

A seguir vamos ver seus novos recursos e como atualizá-lo para a versão mais recente.

2. O que há de novo?

O Angular 2 está menor e mais rápido.

Já faz algum tempo que essa é a prioridade e o que mais incomoda a equipe de desenvolvimento do Angular 2.

Apesar dos progressos, ele ainda deixa um pouco a desejar principalmente quanto ao tamanho de suas dependências, mas esperamos que em breve ele consiga avançar nesses quesitos.

A versão 4.0.0 não apresenta grandes novidades quanto a novos recursos, mas a seguir vamos ver um dos que foram adicionados e é bem interessante.

3. Novos recursos

O *ngIf e *ngFor ganharam novos recursos, que são bem interessantes em alguns casos, conforme o código a seguir:

Conforme demonstrado no código acima, é possível utilizar o ‘else’ com o *ngIf, dando mais flexibilidade a ele.

4. Atualizando para a versão 4.0.0

A atualização para a versão 4.0.0 é bastante simples, e não deve causar impacto em sua aplicação caso ela esteja utilizando uma versão 2.x.x atualmente.

Para atualizar o seu projeto, apensa execute o comando NPM a seguir:

Para Linux/MacOS:

Para Windows:

Ao executar o comando acima, certifique de ter o seu arquivo ‘package.json’ com as seguintes entradas:

O arquivo acima é o encontrado no template aqui da Kazale, que foi atualizado e funcionou sem maiores problemas.

Reparem também que o Typescript foi atualizado para a versão 2.2.1.

5. O que esperar das próximas releases?

Segundo a equipe do Angular 2, a prioridade ainda será para as próximas releases melhorar o desempenho e tamanho final dos arquivos.

6. Conclusão

Mais uma versão do Angular 2, o que mostra sua força, sempre adicionando novos recursos e otimizações.

É um framework cada vez mais maduro e cada vez atraindo mais público e se tornando uma ferramenta muito importante a ser dominada para se manter atualizado as necessidades do mercado.

2 comentários em “Angular 2 – Conhecendo e atualizando para a versão 4.0.0

  1. Boa Tarde professor, sempre atualizado !

    Adorei o avanço do Angular, agora nem chamo mais de Angular2, chamo de angular e pronto ! pelo que andei lendo o projeto final depois de buildar vai ficar bem melhorado e compacto !

    Obrigado pelo post !

    1. Olá Júnior, sim realmente ele está avançando bem, e quando gerada a versão final e otimizada ele já fica com tamanho bem inferior, embora ainda não esteja como o esperado, ainda estamos aguardando por melhorar e redução no tamanho final dos arquivos.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

quinze + 2 =