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
13
votes
1 answer

Identifying the version of a client web app during HTTP requests

We have a single page application which we ship changes to on a regular basis. On rare occasion, a version of the client has a bug and submits a bad request to the server. Even after you ship out an update, there's a possibility old versions of…
Brad Koch
  • 19,267
  • 19
  • 110
  • 137
13
votes
3 answers

Single Page Applications and Open Graph

I'm writing a SPA that uses underscore templating. The app searches for and rates music albums and returns the result via ajax. If facebook open graph metatags cannot be altered dynamically and the url of the page is constant regardless of search…
13
votes
3 answers

What is the best approach to use Disqus in a single page application?

What is the best approach to use Disqus in a single page application? I see that the angular js docs has implemented it successfully. Currently our approach looks like is this in our AngularJS app, but it seems unstable, is hard to test, and loads…
13
votes
8 answers

How can I use cshtml files with Durandal?

I got the DurandalJS StarterKit template on VS2012... All works great... But in some views I need to do something like that: @if (Roles.IsUserInRole("Administrators")) {

Test

} However with durandal all my views are '.html' files... Is…
Junior
  • 154
  • 1
  • 1
  • 8
12
votes
3 answers

How to render a React app in a React app (nested React apps)

So the question is if it is possible to split a React app into two different separate apps hosted on two different hosts, where the app A is a kind of a frame which controls the app B and C in the future. I have a problem, where I would like to make…
12
votes
2 answers

how to design Single page application with auto-scrolling tabs in Android?

I have seen a few single page Application websites, in which whenever we tap any of the tab, the page gets scrolled vertically in order to show that selected section, and vice versa, if we scroll the page vertically, then the tabs automatically get…
Narendra Singh
  • 3,990
  • 5
  • 37
  • 78
12
votes
2 answers

How to know if a website is a single page application?

I have extremely little experience with web tech, only know basic HTML and CSS. I have an assignment where I'm supposed to evaluate a website and identify web techs that can help improve the site. One of the first things I want to figure out is…
user6362216
12
votes
1 answer

Rails server hangs (sometimes) after two requests by the frontend

I'm building a single page application. My frontend (written in React), makes two calls to the backend and the rails server hangs. I mean, the execution doesn't reach the actions involved and nothing happens. Suggestions? I spent so much time on…
Ursus
  • 29,643
  • 3
  • 33
  • 50
12
votes
3 answers

How can Sails.js serve a Yeoman generated app

I am new to Sails.js, and I'm pretty excited by it. It is a great tool for creating APIs. I am also working for a while with Yeoman generated single page apps (jquery or angular) and they are great for the client side logic. However, currently the…
Guy Sopher
  • 4,402
  • 4
  • 22
  • 36
12
votes
1 answer

Manage ads inside a Single Page Application

I m developing a Single Page Application (SPA). So, I use to refresh the page's HTML's content dynamically using Ajax requests. I'd like to register to the DoubleClick for Publishers program, but I m wondering if my SPA is able to integrate…
Rotan
  • 577
  • 6
  • 16
12
votes
2 answers

Is that a best practice to host WebApi as a seperate project

I am working on an Single Page Application with Web Api and Angular JS. I want to grab all the best practices for a great spa applications. I want to know that is that a best practice to host Web Api project as a seperate project or just include…
Ravi Mittal
  • 1,947
  • 4
  • 22
  • 37
12
votes
3 answers

AngularJS or SPA with JWT - expiry and refresh

I understand the flow of JWT and a single page application in terms of login and JWT issuance. However, if the JWT has a baked in expiry, AND the server isn't issuing a new JWT on each request, what is the best way for renewing? There is a concept…
12
votes
2 answers

OWIN send static file for multiple routes

I'm making a SPA which sits on top of ASP.Net WebAPI. I'm waiting to use HTML5 history rather than #/ for history routing but that poses a problem for deep linking, I need to make sure / and /foo/bar all return the same HTML file (and my JS will…
Aaron Powell
  • 24,927
  • 18
  • 98
  • 150
12
votes
2 answers

AngularJS websites: single SPA vs multiple SPA apps/components

This question has been bugging me for some time now. If you are building a website with multiple functionality using Angular, is it better to build a huge SPA or break down the website into functional "apps" and build an SPA for each app? For…
Hans
  • 2,610
  • 3
  • 17
  • 20
12
votes
2 answers

Django Admin in Angularjs

I'm converting my Django projects front end from using jquery to angularjs with Django Rest Framework in order to help make it a single page application. I've gotten most of my trickier pages converted over with angular and now comes the battle with…