Kenneth Freitas

Bora aprender sobre arquitetura de aplicações, alguns padrões, ideias e princípios usados quando estamos arquitetando nossas aplicações. Vamos falar sobre MVC, MVP, MVVC, Multi-camadas, Hexagon, Clean Architecture e várias outras coisas. Form de feedback! 

Cada dia que passa, mais e mais soluções são incorporadas na web. Por mais que processos de discovery e análises sejam feitos para as mais diferentes plataformas (computadores, celulares, etc), atingir o ponto de ter algo realmente bom para um público diversificado é algo bem difícil. A fim de ajudar empresas e desenvolvedores a criarem melhores soluções, a Google criou a Web Vitals, um sistema único de métricas que tem como objetivo quantificar experiências de usuários como um todo nas aplicações. Seu core é dividido em 3 grandes premissas, são elas: Largest Contentful Paint (LCP):  Mede o desempenho do carregamento da página. Apesar de parecer como tempo de resposta do servidor, essa métrica na verdade ela mede o tempo necessário para carregar grandes conteúdos no site. Conteúdo, neste caso, são apenas itens que tem valor para usuário exemplo bloco de textos, imagens, vídeos e etc. Nesse cálculo entram vários fatores, como viewport, redirecionamento de imagens e etc. Mostrando qu...

Se tem uma coisa hoje que define o front-end moderno, é a componentização. Acabar com a duplicidade do código, criar páginas com recursos incríveis apenas encaixando componentes já prontos e claro ganhar velocidade na alteração do layout. Tem outros pontos positivos, mas já deu pra pegar a ideia. Mas até nesses três pontos citados, não são só flores. Um princípio que resume tudo na vida, SRP. Quando criamos componentes precisamos ficar muito atentos ao seu nível de abstração, pois aqueles pontos positivos podem virar negativos rapidinho. Faz de conta que vamos criar uma página web para um ecommerce que vem crescendo rapidamente, você escolhe suas tecnologias e começa a seguir o design. O designer criou vários componentes bonitinhos e construiu todos os elementos, páginas e etc, ótimo. Você, um cara sagaz, viu que de fato os itens foram replicados, logo você cria um componente para cada um e sai montando as páginas. Maravilhoso, job realizado, todos felizes, trabalho excelente, boa! Com...

 Bem, todo mundo aqui sabe como funciona o típico Cliente-Servidor, onde o cliente manda uma requisição e o servidor responde, de uma maneira simples e unidirecional, em que o cliente sempre precisará informar o que necessita. Porém, tem casos que precisamos fazer o caminho inverso, onde o servidor notifica o cliente. Por exemplo: Notificar algum processo mais demorado, mostrando o quanto já foi realizado ou avisar sobre novos conteúdos. Depois desses exemplos, você já pode estar pensando “Ah, websockets”, mas não. E porque não? Então, websockets é uma comunicação bidirecional entre o cliente e o servidor, ou seja, quando uma conexão http (GET 1.1 upgrade) é realizada pelo cliente, irá mandar a solicitação ao servidor para a troca de protocolo (ws ou wss), criando uma conexão direta entre eles dois. Isso seria um caso perfeito para um chat, por exemplo. Então, como eu faço para ter essa conexão unidirecional do servidor para o cliente? Aí que entra Server-Sent Events (SSE). Com SSE...