¿Qué es una aplicación de una sola página (SPA) en el marco de AngularJS?

Una aplicación web de una sola página, como su nombre lo indica, es una aplicación web que se ajusta a una sola página web con el objetivo de proporcionar a sus usuarios una experiencia similar a la de las aplicaciones de escritorio.

¿Cómo funcionan los SPA?

Todo el código necesario requerido para que un SPA funcione (es decir, HTML, JavaScript y CSS) se recupera con una sola carga de página. Eso significa que el usuario puede obtener grietas tan pronto como la página web aparezca en la pantalla y no tenga que esperar a que se actualicen las tareas.

Debido a la forma dinámica en que las aplicaciones web de una sola página actualizan la interfaz de usuario sin volver a cargar la página, la mayor parte del gruñido se realiza del lado del cliente gracias a JavaScript. De manera crucial, la base de datos está completamente separada del front-end de la aplicación y cuando esta última necesita recordar algo, puede extraerla rápidamente de la base de datos.

Ventajas de crear SPA

  • No es necesario actualizar toda la página: solo se debe cargar la parte de la página web que se debe cambiar.
  • Proporciona al usuario una mejor experiencia: las páginas web son extremadamente rápidas y receptivas.
  • Nos permite trabajar sin conexión: incluso si el usuario pierde la conectividad a Internet, puede continuar trabajando porque todas las páginas ya están cargadas en un SPA.

Desventajas de SPA

  • La carga inicial es bastante lenta ya que el SPA requiere más recursos para cargar
  • El cliente debe tener JS habilitado. Afortunadamente, casi todos los desarrolladores lo hacen.
  • Bastante complejo de construir y desarrollar: puede requerir codificación en HTML, JSS y CS, manejo del estado compartido entre páginas, administración de permisos, etc.

También echa un vistazo: Creación de una aplicación web de página única usando AngularJS

Aplicación de página única es la que no utiliza navegación de página. Eso significa que todo el contenido de su página se cargará en una sola página sin el conocimiento del usuario final.

No puede ver el botón de carga que funciona en el navegador cuando navega por SPA (aplicaciones de una sola página)

Consulte este ejemplo: AngularJS Code Samples, Tutorials

Una aplicación que funciona en el navegador y se comunica de forma asíncrona con el servidor. Por cada carga de página, no se realizan nuevas solicitudes al servidor, en lugar de que los componentes se destruyan y carguen para dar la sensación de que se ha cargado una nueva vista.