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

How to optimize SEO for SPA using React-Helmet?

My project is a single page application using react js. I have heard that Google can crawl javascript pages including react js single page applications, without the need of server side rendering (even though it's generally better for SEO). However,…
user1955934
  • 3,185
  • 5
  • 42
  • 68
10
votes
3 answers

Load External Script and Style Files in a SPA

I have a type of SPA which consumes an API in order to fetch data. There are some instance of this SPA and all of them use common style and script files. So my problem is when I change a single line in those files, I will have to open each and every…
Saman Gholami
  • 3,416
  • 7
  • 30
  • 71
10
votes
2 answers

Precompiled Single-Page-Apps in Phoenix App

I have a pre-compiled ember.js app (which fronted-js-framework shouldn't matter here), which basically consists of a folder with a index.html file, and a few js/css assets. I placed this folder under /priv/static in my phoenix app, and tried to get…
Maximilian Stroh
  • 1,086
  • 1
  • 10
  • 26
10
votes
2 answers

vhosts conf for single page app

I have an angular app that I'm serving locally using apache. My vhosts.conf is: ServerName my.app.com DirectoryIndex index.html DocumentRoot /export/www/app order allow,deny allow from…
Cathal
  • 1,740
  • 18
  • 31
10
votes
4 answers

Sessions in a Microservice architecture for an E-Commerce system

I plan on developing a microservice E-Commerce system as proof of concept. The architecture consists of 3 components: a javascript based single page application, which sends AJAX requests to a server (API Gateway) with a REST API which feeds JSON…
Rouzbeh
  • 261
  • 6
  • 16
10
votes
3 answers

Are server-side MVC frameworks still relevant in single-page applications?

In a single-page application that uses Angular, it seems like most of the things are handled on the client-side. The client seems to just make restful calls to the server. Following this concept, it seems to me that my server-side will not have any…
Carven
  • 14,988
  • 29
  • 118
  • 161
10
votes
1 answer

How to approach "end-client" performance testing on single-page (web) applications?

We are evaluating how to test performance on a single-page application (SPA) which relies heavily on JavaScript and dynamic content (updated via Ajax). Popular load-testing tools like Apache JMeter or Gatling are able to generate huge loads with…
10
votes
4 answers

Search-by filter in Angular.js,

I am new to this framework, hence practicing Angularjs and following the tutorials available on the website. there is an example were we can search the data present in table, the example is as follows,
Rahul Shivsharan
  • 2,481
  • 7
  • 40
  • 59
10
votes
3 answers

HTML Single Page Application, fill username and passwords with browser

Is there a way to tell the browser that a login form has been displayed and that it should fill in the field with the saved credentials? I have this SPA that loads the login view with ajax after the document has been loaded. I have managed to get…
10
votes
1 answer

Durandal 2.0 router can you replace # for #! for ajax web crawling purposes?

Is it possible to replace the default router behavior in Durandal 2.0 to replace the default route for example: 'mysite.com/#/myroute' with 'mysite.com/#!/myroute' the reason being is that in order for the google spider to detect the page is ajax…
ccorrin
  • 502
  • 1
  • 5
  • 21
10
votes
2 answers

Jasmine test using .toHaveBeenCalledWith fails for sign-up form

The single page application I am working on has a login view with two forms: a sign-in form and a sign-up form. The following spec describes tests for these forms. I am using Jasmine-jQuery 1.4.2. // user_spec.js describe("User", function() { …
JJD
  • 50,076
  • 60
  • 203
  • 339
10
votes
1 answer

Where can I find a practical HATEOAS Javascript client example?

I'm looking for a concret example in WOA/HATEOAS ! I read a lot of blogs and see a lot of presentations about HATEOAS but never an example ... How can you implement the client side ? Really, when you're making HTML5 applications with Backbone,…
Thomas Pons
  • 7,709
  • 3
  • 37
  • 55
10
votes
2 answers

How do you set up an Optimizely test for a single-page app?

I have a single-page web app that presents a multi-step photo management "wizard", split up across several discrete steps (photo upload, styling, annotation, publishing) via a tab strip. On switching steps I set the URL hash to #publishing-step (or…
ecmanaut
  • 5,030
  • 2
  • 44
  • 66
10
votes
2 answers

Appropriate back-end for a single-page web application?

Historically I've mainly written web apps in Django, but now I'm increasingly finding that I want to write single-page web apps using Backbone.js or a similar JavaScript framework, with a back-end that solely consists of a database and an API. My…
9
votes
5 answers

React, Single Page Apps, and the Browser's back button

I know my question could simply have a "This cannot be done, this defines the purpose of SPA". But... I navigate to mydomain.com in my REACT web app. This page loads data from the backend and populates elaborate grids. It takes it about 2 seconds to…
JasonGenX
  • 4,952
  • 27
  • 106
  • 198