Como um web APP funciona? Macete do Felipe Aguiar!

Como minha app é montada?

Esta é uma mecânica que o Felipe Aguiar demonstrou como padrão. Tanto React, como Vue e Angular seguem o meso esqueleto e lógica. Saber está lógica facilitará consideravelmente a compreensão de cada parte do código.

A composição de componentes é montada através de injeção de dependências.

Lembre-se que uma injeção na medicina se trata de uma situação onde há um perigo para sua saúde como um vírus, por exemplo, e seu corpo não é capaz de produzir sozinho os aticorpos para combater. Então é criado um ambiente que possui esses anticorpos e logo ela é aplicada.

Da mesma maneira, é necessário injetar os componentes ( que é o conjunto de instruções html e css chamadas com uma intrução mais simples) no coração da aplicação e logo após no index.html para ser renderizado apenas o arquivo coração que possui todos os componentes.

Faz cada componente de forma separada. 

->

Injeta todos eles no app-root (coração da aplicação Angular))

->

Essa aplicação raiz é injetada no Index.html (para renderizar no seu navegador)