Questions tagged [single-page-application]

A single-page application (SPA) is a web application that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.

A single-page application (SPA), also known as single-page interface (SPI), is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.

In an SPA, either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load, or partial changes are performed loading new code on demand from the web server, usually driven by user actions. The page does not automatically reload during user interaction with the application, nor does control transfer to another page. Updates to the displayed page may or may not involve interaction with a server.

Resources

5306 questions
9
votes
1 answer

Rails Webpacker or Vue-CLI?

I'm building a Single Page (Web) Application. I'm quite smitten by Rails v5.0, especially its built-in API capabilities. In the past I've built JavaScript frontends using Vue.js, usually with the templates provided by the Vue-CLI project. This…
allanberry
  • 7,325
  • 6
  • 42
  • 71
9
votes
3 answers

Refreshing authentication tokens for a Vue.js SPA using Laravel for the backend

I am building a single-page-app with Vue (2.5) using Laravel (5.5) as the backend. Everything works well, except for directly logging in again after having logged out. In this case, the call to /api/user (to retrieve the user's account information…
Daniel Schreij
  • 773
  • 1
  • 10
  • 26
9
votes
1 answer

How to restrict tenants in multitenant application with Azure AD authentication

I'm currently developing a multitenant Angular SPA application that connects to multiple webAPI's in the backend and uses AzureAD authentication where each AD represents a tenant. Azure documentation on multitenancy points to an example applicaiton…
9
votes
3 answers

How do you use CSS grid layouts with React effectively?

I'm currently building a Single Page Application using ReactJs and CSS grid layouts for the placement and styling of components. However, the two technologies don't feel like they go together well: CSS grid layouts can only (easily) be applied to…
jimmygoldshine
  • 151
  • 1
  • 8
9
votes
1 answer

Lazy load Aurelia plugin

I have a large plugin (abalmus/aurelia-ace-editor) that I'm trying to load into Aurelia and it's hurting my page load time. Does anyone know how to load an Aurelia plugin other than on app start? Main.ts: import { Aurelia } from…
J-DawG
  • 1,035
  • 9
  • 24
9
votes
2 answers

How to authenticate SPA users using oAuth2?

Alright, I've spent several days looking for a proper solution on how to properly authenticate users when working with SPAs. I have my own website. I have my own API. I have my own Single Page Application. I have my own database of users. The…
IM_AG
  • 520
  • 5
  • 17
9
votes
4 answers

Zero downtime/blue-green deployment of Single Page Application (SPA)

Yesterday together with the team we were discussing the possibility of using zero downtime deployments to support our single page application. While discussing it we identified one edge case for it. After user loads the page in his browser it cannot…
9
votes
1 answer

.Net Core MVC Routing: Setting MapSpaFallbackRoute Conditionally Per Controller

I am developing a project that involves multiple Single Page Applications that are hosted on a single .Net Core 1.0 web app. The goal is to partition each SPA so that they all exist separately, each with their own View and Controller. In Startup.cs,…
9
votes
1 answer

Will a large redux state affect my application's performance?

I am building a front end page builder ( SPA ) for wordpress with react and it supports other plugins as well! If we were just going to provide support to our own modules, we could have easily made each module as a separate component but since it…
9
votes
2 answers

Is there a way to check if the page was loaded from browser cache?

The issue the question originates from is the following. I'm using TiddlyWiki (Classic) SPA on my Android device and usually use it with FireFox and its TiddlyFox extension for saving. For some reasons I'd like to be able to work with (and save) my…
YakovL
  • 7,557
  • 12
  • 62
  • 102
9
votes
2 answers

How should single page applications provide permalinks?

What are the conventions for providing publicly accessible URLs for resources that are managed via a single page application? I think this is an architectural design question, but I anticipate developing an SPA in AngularJS, in case that matters.…
Joe Lapp
  • 2,435
  • 3
  • 30
  • 42
9
votes
2 answers

Correct usage of AntiForgery token in ASP.NET 5 in SPA application?

In previous version of ASP.NET during SPA application the idea of AntiForgey token was following: add @Html.AntiForgeryToken(); on the page add __RequestVerificationToken to the request ovverride AuthorizeAttribute as…
9
votes
1 answer

JWT-based authentication for tags?

Supposed I have a single page application that uses JWT tokens to authenticate against a backend REST api. I transfer the JWT token inside the http header when doing a REST request. So far, so good. Now, supposed I want to download an image from the…
Golo Roden
  • 140,679
  • 96
  • 298
  • 425
9
votes
4 answers

How can I have a div act as if it was on a different device with Bootstrap?

I'm trying to create a Twitter Bootstrap application that displays a div that shows an application at different device sizes (desktop, tablet, mobile) in our SPA with functionality existing inside and outside that needs to communicate. When clicking…
tmanion
  • 401
  • 2
  • 11
9
votes
1 answer

AngularJS : single page and multipage app difference and use in practice?

I've been studying the difference between single page apps and multi page apps, and I think I have good view how they differ. Single page app starts by loading a single html page, and then it does never again fully refresh the page or override the…
Ville Miekk-oja
  • 18,749
  • 32
  • 70
  • 106