O que é uma SPA (aplicação de página única)?
Uma aplicação de página única (SPA) carrega um documento web principal e atualiza as visualizações dinamicamente no navegador. Em geral, a navegação altera o conteúdo renderizado no cliente, em vez de solicitar um documento completo a cada interação.
Como funcionam as aplicações de página única (SPAs)
Uma SPA geralmente usa roteamento no navegador e o estado da aplicação para substituir partes da interface após o carregamento inicial do documento. Os dados chegam por APIs, enquanto a History API pode manter as URLs visíveis alinhadas à visualização atual. Essa arquitetura transfere a navegação, a recuperação de erros, o gerenciamento de foco e boa parte da renderização para o código do cliente. Em um produto de mídia, ela pode oferecer reprodução contínua e estados complexos de upload, mas a renderização no servidor ou a pré-renderização ainda podem ser usadas para a primeira resposta.
Informações essenciais
- Em geral, um servidor precisa encaminhar requisições diretas a caminhos gerenciados pelo cliente para um ponto de entrada HTML apropriado; caso contrário, atualizar ou compartilhar uma URL aninhada pode gerar um erro 404 no servidor.
- Mudanças de rota no cliente não anunciam automaticamente uma nova página nem movem o foco. Por isso, implementações acessíveis atualizam explicitamente os títulos dos documentos, os cabeçalhos e o comportamento do foco.
- Pacotes iniciais grandes de JavaScript podem atrasar a interatividade em dispositivos mais lentos, mesmo quando as transições seguintes são rápidas; a divisão de código e as visualizações de entrada renderizadas no servidor tratam de partes diferentes desse custo.
Quando as aplicações de página única (SPAs) são importantes
Escolha uma SPA quando um estado rico no cliente e a navegação rápida dentro da aplicação justificarem a complexidade adicional no navegador. Roteamento, acessibilidade, carregamento inicial e recuperação de falhas em chamadas de API exigem tratamento deliberado.