¿Qué es una SPA (aplicación de página única)?
Una aplicación de página única (SPA) carga un documento web principal y actualiza las vistas dinámicamente en el navegador. La navegación suele cambiar el contenido renderizado en el cliente en lugar de solicitar un documento completo para cada interacción.
Cómo funcionan las aplicaciones de página única (SPA)
Una SPA suele utilizar el enrutamiento del lado del navegador y el estado de la aplicación para reemplazar partes de la interfaz después de la carga inicial del documento. Los datos llegan a través de API, mientras que la API History puede mantener las URL visibles alineadas con la vista actual. Esta arquitectura traslada la navegación, la recuperación de errores, la gestión del foco y gran parte del renderizado al código del cliente. En un producto multimedia, puede permitir la reproducción continua y la gestión de estados complejos de subida, aunque también puede usarse renderizado del servidor o prerenderizado para la primera respuesta.
Datos clave
- Por lo general, un servidor debe dirigir las solicitudes directas de rutas gestionadas por el cliente a un punto de entrada HTML adecuado; de lo contrario, actualizar o compartir una URL anidada puede producir un error 404 del lado del servidor.
- Los cambios de ruta del lado del cliente no anuncian automáticamente una página nueva ni mueven el foco, por lo que las implementaciones accesibles actualizan explícitamente los títulos de los documentos, los encabezados y el comportamiento del foco.
- Los paquetes iniciales de JavaScript de gran tamaño pueden retrasar la interactividad en dispositivos más lentos, aunque las transiciones posteriores sean rápidas; la división del código y las vistas de entrada renderizadas en el servidor abordan distintas partes de ese costo.
Cuándo importan las aplicaciones de página única (SPA)
Elige una SPA cuando un estado complejo del lado del cliente y una navegación rápida dentro de la aplicación justifiquen una mayor complejidad en el navegador. El enrutamiento, la accesibilidad, la carga inicial y la recuperación de llamadas fallidas a la API requieren una gestión deliberada.