A oferta de BLACK FRIDAY ir√° terminar em:
image
MATRICULE-SE AGORA
Wagner Goulart
Wagner Goulart12/09/2023 22:33
Compartilhe

As 4 camadas de uma Web app ūüćį

  • #Angular

Quando se fala em constru√ß√Ķes SPA, independente do framework/biblioteca que se escolha para realizar o desenvolvimento, essa tarefa envolve 4 camadas:

  • Componentes/Components
  • Gerenciamento de estato/state
  • Roteamento/Router
  • Renderiza√ß√£o/render

Components ūüß©

√Č o elemento visual da p√°gina, ele √© customiz√°vel e reutiliz√°vel.

State ūüď≤

Respons√°vel pela comunica√ß√£o entre os componentes e troca de informa√ß√Ķes entre eles.

Router ūüõ£ÔłŹ

Responsável pela navegação entre os componentes, realizar a troca da URL sem a necessidade de atualizar a pagina a cada troca.

Render ūüéę

Respons√°vel por entregar o componente para o Browser densenhar na tela.

Existem 3 tipos:

  • 100% server - SSR
  • A renderiza√ß√£o acontece no SERVER, e os componentes s√£o entregues para o CLIENT.
  • Vantagens
  • Melhora SEO;
  • Carregamento inicial mais r√°pido.
  • Desvantagens:
  • Aumento da carga no servidor
  • Menor interatividade
  • Part server e Part client
  • Renderiza√ß√£o ocorre parte no SERVER e parte no CLIENT
  • Vantagens
  • Melhora SEO;
  • Carregamento inicial mais r√°pido.
  • Interatividade
  • Desvantagens:
  • Aumento da carga no servidor
  • Compatibilidade entre navegadores
  • 100 % client
  • renderiza√ß√£o acontece 100 % no CLIENT, √© como a maioria dos frameworks/bibliotecas tratam a renderiza√ß√£o.
  • Vantagens
  • Interatividade
  • Desenvolvimento mais √°gil
  • Desvantagens:
  • SEO limitado
  • Carregamento inicial mais lento
Compartilhe
Coment√°rios (0)
Recomendado para vocêblack-friday