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
11
votes
3 answers

How to use Angular Material with VS2017 SPA Templates

I'm building an Angular2 app using the SPA templates and JavaScriptServices provided by Microsoft (https://blogs.msdn.microsoft.com/webdev/2017/02/14/building-single-page-applications-on-asp-net-core-with-javascriptservices/). I'd like to use…
James Law
  • 6,067
  • 4
  • 36
  • 49
11
votes
3 answers

Measuring Page Load Time of single-page app with GA

I'm using Google Analytics in an SPA. For any virtual page redirects (like an AJAX call to refresh the body of the page), I'm getting a page load time of 0ms. Is there a way to track how long that takes, just as if it was a full page refresh? I'm…
skb
  • 30,624
  • 33
  • 94
  • 146
11
votes
5 answers

VueJS - Invalid handler for event "click": got undefined

I have list of elements which I want to go to edit when clicked. I have similar solution in other component and it is working perfectly fine but in new one it is not and can't find why. When component is rendered I got: Invalid handler for event…
Marek Urbanowicz
  • 12,659
  • 16
  • 62
  • 87
11
votes
3 answers

Is History API consistent across modern browsers?

History API is now supported in every popular browser. It seems there's no need for hash fallbacks, _escaped_fragment_ tricks or other workarounds anymore. Cool libraries from 2013 like History.js seem useless now. But there are some things where…
11
votes
2 answers

How do I deploy a single-page app. written in ClojureScript / Figwheel to a static server?

I'm playing with Figwheel and writing a simple single-page app that doesn't require any server-side intelligence. In principle, this app. could be placed on any static web-server. But how do I actually deploy it? It looks like the main.js which is…
interstar
  • 26,048
  • 36
  • 112
  • 180
11
votes
1 answer

Vuejs: where should I place some common js util in a vue-router SPA?

In my Vuejs project, I have some common js functions which would be used through multiple components: My code structure is as below, which was introduced in http://vuejs.github.io/vuex/en/structure.html: ├── index.html ├── main.js ├── components │ …
Alfred Huang
  • 17,654
  • 32
  • 118
  • 189
11
votes
1 answer

React-redux client-side tokens

I am building a React-redux spa and i am using an API built on node + express + jwt-simplea module and passport.js When the user logs in with username/password, the server validates those credentials and sends the client back a JSON web token that…
11
votes
4 answers

Example of Single-Page Application (SPA) using Polymer 1.0

Can someone supply examples of Single-Page Applications (SPA) using Polymer 1.0?
Auine
  • 180
  • 1
  • 2
  • 12
11
votes
4 answers

ASP.NET MVC and Angularjs together + ASP.NET Web API

I would like to know the advantages and disadvantages of using these 2 worlds: ASP.NET MVC and Angularjs together(without razor, Angularjs will do the job). AngularJS(front end) + ASP.NET Web API(back end). We are focusing on SPA/Mini-SPA for a…
11
votes
7 answers

What are the common solutions for making clean id space in a SPA?

Situation: several developers working remotely on different section/modules of a SPA. As a result they may accidentally introduce HTML elements with the same id. What are the common ways to avoid that situation (without refusing id-usage if…
11
votes
2 answers

How to manage server user session within client side single page app

I've been fumbling around with different client side technologies, like AngularJS, EmberJS, even trying to use straight JQuery and figure out how to use ReactJS with it. That aside, my goal is to build a single page app using json in between the…
user3317868
  • 696
  • 2
  • 9
  • 20
11
votes
1 answer

Downloading files in a SPA

How does one go about setting up file download in a Single Page Application, without triggering a reload? I have had a situation where a PDF file is generated on the server and needs to be given to the client for download. Sending it as an…
Sljux
  • 534
  • 10
  • 28
11
votes
3 answers

Recommended authentication UX in AngularJS SPA with own and external (Google, FB...) profiles

I'm developing an Asp.net MVC + Web API + AngularJS SPA. I would like to have several types of registration/authentication: own profile provider external providers ie Google, FB etc. Possible scenarios As I'm having an SPA it would be best if I…
11
votes
2 answers

Refactoring and removing unused CSS from SASS/LESS files

I am working on a big single page application [backbonejs and rails] which has LESS as the CSS preprocessor and the generated .css files has grown to such an extent that for IE we have to split it into 3 files with http://blesscss.com/ Though there…
Imran Khan
  • 129
  • 1
  • 1
  • 8
11
votes
4 answers

ValidateAntiForgeryToken with SPA architecture

I am trying to set Register and Login for Hot Towel SPA applicantion. I have created SimpleMembershipFilters and ValidateHttpAntiForgeryTokenAttribute based on the asp.net single page application template. How do you get the …