Explicando e entendendo SPA de um jeito simples

Meu primeiro post aqui e quero aproveitar para trazer um assunto que venho estudando ultimamente.

Como quase todo mundo, comecei minha jornada dev com a trade clssica HTML, CSS e Javascript. A a gente mal comea a caminhar e j quer correr, certo? Pois bem, fui estudar React.

Alguns cursinhos, tutoriais e projetinhos depois, reparei que ningum explica muito sobre o conceito de Single Page Application. Acredito que uma explicao simples j poderia ajudar o dev iniciante(assim como eu) a entender um pouco melhor algumas coisas.

Ento vou tentar explicar aqui de um jeito bem simples, s para desanuviar um pouco o pensamento. Vamos l!

Trata-se de um mtodo utilizado no desenvolvimento front-end,
que consiste na criao de aplicaes dinmicas que carregam os recursos conforme necessrio. O desenvolvimento feito quase que totalmente no lado do cliente (client-side).

Os recursos - HTML, CSS e Javascript - carregam quando o usurio acessa a aplicao pela primeira vez. A partir da, quando o usurio navega pelas pginas da aplicao, as requisies ao servidor j no so mais necessrias, diminuindo o tempo de carregamento.

Mas como assim? Na prtica, o que ocorre no uma mudana de pgina, mas uma substituio de contedos da pgina atual por outros contedos que vo sendo carregados a medida que navegamos. Ela se comunica com uma API RESTful por chamadas HTTP, e seus dados trafegam em formatos como JSON e XML.

Existem ainda aplicaes hbridas, que utilizam o conceito de SPA em algumas partes, e em outras a navegao prossegue de maneira tradicional.

Na desenvolvimento de SPA's so utilizados algumas bibliotecas e frameworks e como React, Angular e Vue, por exemplo.

Como principais vantagens, destacam-se um melhor aproveitamento de cdigo, o que facilita a manuteno; melhor experincia do usurio; melhor performance.

Mas tambm existem desvantagens, como uma maior curva de aprendizado; renderizao no lado do cliente, o que depende de boa conexo; e dificuldades com a questo do SEO, devido a falta de tags HTML, uma vez que o Javascript que cuida da renderizao da tela, dificultando assim a leitura dos robs.

Bom, espero que tenha ajudado a entender um pouquinho o conceito de SPA. A ideia aqui, em princpio, compartilhar algumas anotaes minhas de estudo com outras pessoas que tambm esto estudando essas mesmas tecnologias. O prximo passo agora se aprofundar um pouco mais na arquitetura front-end e estudar as tecnologias de interesse.

Bons estudos!