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
12
votes
2 answers

single page application with angularjs and facebook share button

I follow this post to deploy facebook share botton in my app http://www.hyperarts.com/blog/tutorial-how-to-add-facebook-share-button-to-your-web-site-pages/ The first problem is I can not pass post.id, post.caption to facebook script. The second one…
12
votes
1 answer

What is client side MVC and how is it implemented in JavaScript?

Recently gone through many articles explaining single page application. But i am very much confused about the architecture or rather how it works. There is some thing new called client side MVC implemented by using javascript. Till now i had seen…
Adiant
  • 859
  • 4
  • 16
  • 34
12
votes
2 answers

Google Analytics trackevent in single-page web app

What is the best (most practical) way to use Google Analytics trackevent for tracking "pageviews" in a single-page web app? trackevent takes four arguments: CATEGORY, ACTION, LABEL, VALUE. The last two are optional. Which field should I use for the…
12
votes
5 answers

AngularJS routing without a web server

I want to develop html5 SPA application for a thin client. There is no way to launch any web server on it. And I can't to make routing works without web server. My index.html
dantix
  • 745
  • 1
  • 5
  • 14
12
votes
6 answers

emberjs "loading screen" at the beginning

I don't know, if you have seen this demo-app yet: http://www.johnpapa.net/hottowel/ but once you start it, you see a really nice loading screen at the beginning like you would in any bigger desktop application/game. So I haven't had the chance to go…
Markus
  • 1,214
  • 1
  • 9
  • 27
11
votes
4 answers

Convenient micro frontend framework?

Which is the best approach/framework for micro frontend development? I have more than 5 apps based on angular, react and vue and want to display all 5 apps on a single UI. We have many micro frontend frameworks like single spa, piral, moisaic…
Zeeshan
  • 149
  • 1
  • 5
11
votes
3 answers

Using JS React component in TypeScript: JSX element type 'MyComponent' is not a constructor function for JSX elements

I'm working with a JavaScript legacy project which uses React framework. We have there some React component defined which I'd like to re-use in a totally different TypeScript React project. The JS React component is defined in controls.jsx file and…
11
votes
2 answers

How to implement the OAuth2 Authorization code grant with PKCE for a React single page application?

In our organization, we use our own custom Oauth2 provider (which does not have “.well-known/OpenID-configuration” discovery endpoint because it id not OIDC provider). We have a React single page application (SPA) which acts as Oauth2 client, this…
siva
  • 1,693
  • 2
  • 21
  • 29
11
votes
4 answers

IdentityServer External auth provider - auth-callback - Redirection - 400 Bad request

I am following https://www.scottbrady91.com/Angular/SPA-Authentiction-using-OpenID-Connect-Angular-CLI-and-oidc-client and https://www.scottbrady91.com/Angular/Migrating-oidc-client-js-to-use-the-OpenID-Connect-Authorization-Code-Flow-and-PKCE to…
11
votes
1 answer

"'@param' is redundant in TypeScript code if it has no description." TSLint error?

I have an Angular 8 project and I run ng lint. Even though I have a @description decorator associated with a particular method, TSLint complains and says: "'@param' is redundant in TypeScript code if it has no description." in various places in my…
11
votes
4 answers

Angular RxJS: conditional operator (if else)

I'm trying to figure out how to implement a straightforward condional operation into an observable. this.deactivate$ .pipe( filter((canDeactivate) => !canDeactivate), switchMap(() => Observable.of(window.confirm("message"))) …
Jordi
  • 20,868
  • 39
  • 149
  • 333
11
votes
7 answers

How to access image from /storage -laravel- from SPA with vuejs

if i put an image in "storage/app/public/img/logo.png" and execute:  $ php artisan storage:link How i get that logo.png in vue component? The requested it's ok (200) but that image not render, because is…
Wiicho Orozco
  • 448
  • 1
  • 4
  • 9
11
votes
0 answers

ASP.NET Core (2.1) Web API: Identity and external login provider

I have been discovering a bit the ASP.NET Core for a few days and wanted to try implementing authentication via LinkedIn. Most of the tutorials I found online used MVC and this is a seamless process, but I wanted to do a pure API. I've got something…
11
votes
3 answers

Serve Angular spa pathed off the root

I'm looking to upgrade an existing asp.net 4.5 mvc site which has two angular applications to an asp.netcore 2 mvc site with potentially two spa's. using Aspnet Javascriptservices with the new angular cli template. Ideally i want to host two spa's…
11
votes
2 answers

Is it possible to have SPA authentication without redirecting to an outside login page

I am currently developing an SPA application that connects to a bunch of webAPI's. These API require that the user is logged in, so I started digging into Openid Conect and OAuth2 examples, mostly using IdentityServer. They all require, for SPA…