SPA (Single Page Application)

¿Qué es una single page application?

Una single page application carga un documento HTML y luego reescribe el contenido visible con JavaScript a medida que el usuario navega. El navegador nunca hace una recarga completa de la página. Al hacer clic en un enlace se intercambia la vista, se obtienen los datos que necesite a través de una API y se actualiza la pantalla sobre la marcha. El resultado se siente más cerca de una aplicación de escritorio que de una web tradicional.

Este es el modelo detrás de frameworks como React, Vue y Angular. El compromiso es real. Las SPA dan una navegación rápida y fluida tras la primera carga y una separación limpia entre frontend y backend, pero el bundle inicial es más pesado, y los buscadores y los rastreadores sociales históricamente se las veían crudas con contenido que solo existe después de que corra el JavaScript. Ese último problema es por qué el renderizado en servidor y la generación estática existen como compañeros del modelo SPA. Una herramienta de gestión de proyectos donde un usuario arrastra tarjetas entre columnas, filtra tareas y edita sobre la marcha sin que la página parpadee nunca es una SPA de manual.

Una SPA contrasta con una aplicación multipágina, donde cada ruta es un documento aparte servido por el servidor. Las SPA ganan en interactividad. Las apps multipágina ganan en simplicidad y velocidad de primera carga. La mayoría de productos serios acaban mezclando ambas.

Las SPA en Dallonses

Una SPA es la decisión acertada cuando la interfaz es de verdad una aplicación: interacción pesada, estado en vivo, mucha edición sobre la marcha. Es la decisión equivocada cuando alguien recurre a ella por costumbre para lo que en realidad es un sitio de contenido. Hemos heredado muchos del segundo tipo, donde una página de marketing se lanzó como una SPA de cinco megabytes y Google apenas la vio. Parte de nuestro trabajo de desarrollo de aplicaciones web es saber qué problema tenemos de verdad antes de elegir la forma.

Cuando sí construimos una, la arquitectura importa más que el framework. Obtención de datos clara, división de código sensata para que la primera carga siga ligera y una estrategia de renderizado que mantenga la app encontrable. Combinamos el desarrollo de aplicaciones web a medida con el diseño de la API que tiene detrás, porque una SPA es solo tan buena como el contrato con el que habla. Los dos se construyen juntos, no se atornilla uno después.

¿Construyes algo lo bastante interactivo como para necesitar una SPA? Acertemos con la arquitectura desde el principio.

Hablemos de tu app