Angular 5 - Possíveis problemas e soluções

Package.JSON


O que é para facilitar, as vezes pode acabar se tornando um pesadelo, é o caso do package.json
Já aprendemos sobre sua enorme importância, trata-se do arquivo onde descrevemos todos os pacotes e dependências
da aplicação, acontece que, quando descrevemos os packages, há várias formas de fazê-lo, o padrão, gerado pelo AngularCLI
deixará as versões livres, o que isso quer dizer? Que sempre que fizermos o NPM INSTALL o NPM buscará por novas versões,
E, se encontrar, baixará essas novas versões, isso pode quebrar completamente nosso projeto. Como resolver?
Simples! Abaixo está a diferença entre as 2 sintaxes, a primeira é a qual deixamos a cargo do NPM e a segunda fixamos uma versão específica sempre!.


"@angular/common": "^4.3.3"

Observe que o ^ a frente do version indica que o NPM pode buscar por novas versões


"@angular/common": "4.3.3"

Esta sintaxe, já impede que isto aconteça

SEO


O Angular 2 foi abominado em suas primeiras versões devido a falta de otimização com SEO, isto não é mais um problema
Visto que hoje existe um framework oficial do próprio Angular para resolver este problema: o Angular Universal..

Sugiro acessarem o site oficial e verem do que se trata, em resumo, é uma solução back-end em NodeJS que realiza o
cache da aplicação e otimiza todo o SEO. Este framework não faz apenas isso, como também otimiza o loading da aplicação, outro possível
problema do Angular.


node_modules

Sabemos que a node_modules é o local onde o NPM instala todas as dependências e bibliotecas necessárias para execução da
nossa aplicação. Existe um problema evidente que é o tamanho desse arquivo, não é incomum ter que baixar mais de 100MB
de bibliotecas apenas para escrever um Hello_World em angular, isso realmente é chato! O único que podemos fazer aqui,
é configurar o cache do NPM para que as bibliotecas não tenham que ser baixadas cada vez que precisemos realizar um NPM install.


A documentação oficial do NPM, nos dá um direcionamento para configurá-lo.


Parabéns!

Você adquiriu dicas importantes na sua jornada de desenvolvedor Angular! Obrigado pelo apoio.