O que é SPA? Single Page Application

Olá pessoal, me chamo Leandro, sou desenvolvedor Full-stack (React, Node) há 2 anos. Estou começando a criar conteúdos tecnicos para fortalecer meus conhecimentos e também ajudar quem está começando! Normalmente posto esses conteúdos no meu instagram @leciric, caso queiram acompanhar. Espero que gostem!

SPA (Single Page Application) são sites ou aplicações web construídas em cima de uma única página. O conceito foi introduzido principalmente pelo AngularJS em 2010, onde foi possível deixar os sites mais dinâmicos, sobrescrevendo o conteúdo da página com as interações do usuário.

Antes de falar um pouco mais de SPA, vamos voltar um pouco ao passado antes desse conceito ser introduzido: um site que tinha um blog com vários posts e páginas de contato etc… todas essas páginas tem seus respectivos arquivos (HTML, CSS e Javascript) e todos elas são renderizadas no servidor (SSR) e disponibilizados para o cliente. (Front-end e back-end juntos)

Com essa nova abordagem o conteúdo do site todo é baixado de uma vez só, e qualquer interação que o usuário tiver toda a lógica será gerenciada no próprio navegador do usuário, fazendo novos downloads somente de coisas necessárias.

Isso trás outra vantagem incrível, onde os usuários acessam os sites mais rapidamente, tem uma navegação muito mais fluída além de termos desacoplado o front-end do back-end.

Alguns sites que utilizam SPA hoje são: Twitch, Instagram, Facebook, Twitter entre outros.

Em outras palavras hoje, todos os sites que utilizam ReactJS, AngularJS, VueJS entre outros frameworks javascript para criação de interfaces, utilizam o conceito de SPA, onde todo o conteúdo da página é gerenciado pelo Javascript em um único arquivo, o que trouxe um dinamismo novo para as aplicações WEB.

Pontos negativos dessas tecnologias: Hoje os motores de busca tem certa dificuldade para indexar conteúdos de sites SPA, em outras palavras o “robozinho” do google que vasculha os sites para fazer os conteúdos serem exibidos no google, tem uma certa dificuldade de acessar o conteúdo desses sites. (Mas isso fica para outro post).