¿Qué es una Single Page Application (SPA) y cómo funciona el routing en el cliente?
Opciones
- Una página HTML; JS cambia la vista y la URL, sin recargar (Opción correcta)
- Un sitio hecho de un solo archivo en un servidor
- Una página construida sin nada de JavaScript
- Una página que se recarga por completo en cada clic
Respuesta
El navegador carga una página HTML y JavaScript; navegar cambia la vista y la URL (History API) sin recargar por completo, trayendo datos de APIs según haga falta
Por qué
En un sitio multipágina tradicional, cada enlace pide al servidor una página HTML nueva. En una SPA (React con React Router, Angular, Vue), la primera carga trae la app; después el router cambia la URL con la History API y renderiza otro componente, sin recargar por completo. Los datos vienen de APIs REST/JSON.
Ventajas: sensación rápida, de app. Inconvenientes: primera carga más grande, problemas de SEO y de render inicial (se resuelven con SSR o generación estática, por ejemplo Next.js).
El servidor debe enviar index.html para las rutas desconocidas, para que funcionen los enlaces directos.
Recuerda
SPA = una página, JS cambia las vistas, datos de APIs.