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)