What are Hypertext Progressive based App ?


An hypertext progressive app is a single page application model that is based:

The definition of the code logic (get/put/delete) is declared in HTML attributes.


    Click Me!

What this HTML code means is:

  • On the click of the button (hx-trigger=click)
  • performs a http post request to the endpoint /clicked
  • and replaces the outerHTML of the element with the id parent-div
  • by the HTML result of the HTTP request


The primary motivations are:

  • no client-side router to maintain,
  • no client state to manage.
  • maintainability. (Directives live inside HTML rather than in separate JavaScript files, which enables to see how a component behaves without referring to an external .js file)


Below are a list of library that implements this logic:

Discover More
Web - Single page application (SPA)

A Single Page Applications (SPAs) isone 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...
What is an HTML Fragment ?

A fragment in HTML is a piece of HTML that is intended to be added dynamically into an web page. Via insertAdjacentHTML) The fragment (You could have get it from an AJAX call) Adding it in the...

Share this page:
Follow us:
Task Runner