Web - Single page application (SPA)

About

A Single Page Applications (SPAs) is one HTML page where the modification due to user interaction is completely managed by the browser script (ie javascript)

Static web apps that require only a single load in a web browser are referred to as Single page web apps.

Backend data is accessed via GraphQL or REST APIs that fetch content from a data store and update the UI without requiring a page reload.

It allows to browse different pages on a web site without having to fully load the page.

A SPA website may also change the URL in the browser via the History Web API, even though the page is not being reloaded.

Progressive

This kind of application follows generally the progressive enhancement concept where the idea is to start small and then progressively adds up functionality. Therefore, they are also generally known as progressive web applications.

Framework

Javascript Based

The definition of the code logic is found in the javascript code.

  • Virtual DOM: React
  • Javascript Library: Jquery
  • Pure Javascript

Hypertext based (Progressive)

HyperText Progressive app are based on the swap of HTML fragment. See What are Hypertext Progressive based App ?

Tracking





Discover More
Card Puncher Data Processing
Azure - Authentication

in Azure For a given tenant (domain), you needs to get a token as credentials. Your app can access Resource in couple of ways: User + app access: for apps that access resources on behalf of a...
Browser - History API

The history api is a browser api that permits to modify the URL history (ie the URL in the browser bar) It's heavily used in a single page application to improve SEO in order to send a signal to the...
Card Puncher Data Processing
Datacadamia - Data all the things

Computer science from a data perspective
HTML - Hyper(Link) (href elements)

A link in HTML is an element that have the href attributes with an URL value An hyperlink is a contraction of hypertext link. link element The following elements are hyperlink because they have the...
Javascript - Template

in javascript From a non-HTML to an HTML format HTML HTML as template engine with fragment on the server (Rest based)...
Progressive Web Application (PWA)

A is a regular website that take advantage of modern browser functionality to augment the web experience progressively until you get a native look and feel application. Its name comes from the context...
React - App Architecture

An architecture could be: taking static site snapshots of all your publicly-accessible pages leaving anything requiring authentication as a normal, JS-driven Single Page App.
React - Framework

A react framework is a library that is based on react adding other capabilities. Most of the time, they are web based server framework, adding routing and other web capabilities. They create a single...
React Render Element Splittsing
React - ReactDOM.render

ReactDOM.render is the main function that renders an element into a DOM element. It will be: the root element in a single page application or another react element called a secondary root, when...



Share this page:
Follow us:
Task Runner