single-page application
zelfstandig naamwoord
Een single-page application (SPA) is een webapplicatie die één webdocument laadt en daarna alleen de benodigde inhoud bijwerkt, zonder voor iedere weergave een volledig nieuwe pagina op te halen.
De planner werkt als single-page application, zodat medewerkers tussen opdrachten kunnen schakelen zonder dat de hele pagina opnieuw laadt.
Een single-page application, vaak afgekort tot SPA, laadt bij het openen één webdocument. Daarna zorgt JavaScript ervoor dat de juiste inhoud in beeld komt. De gebruiker kan zo tussen schermen navigeren zonder dat de browser voor elk scherm een volledig nieuwe pagina van de server hoeft te laden.
Hoe werkt een SPA?
Na de eerste paginalading haalt de applicatie meestal gegevens op via een Woordenboek · In het kortAPIEen API is een vastgelegde manier waarop software gegevens uitwisselt of functies van andere software aanroept, zonder de interne werking daarvan te hoeven kennen.Lees meer. De Woordenboek · In het kortfrontendDe frontend is het deel van een website of applicatie dat de gebruiker ziet en bedient, zoals pagina's, knoppen, formulieren en interactieve schermen.Lees meer verwerkt die gegevens en past alleen het betreffende deel van de interface aan. Denk aan een planning waarin je een opdracht opent: het detailvenster verandert, terwijl de navigatie en de rest van de planning blijven staan.
Een SPA kan meerdere routes hebben. De URL kan veranderen wanneer iemand naar een ander scherm gaat. Daardoor kan de gebruiker de terugknop gebruiken of een link naar een specifiek scherm delen. De applicatie beheert die navigatie in de browser. Voor een goede werking zijn daarnaast foutafhandeling, laadtoestanden en bediening met het toetsenbord nodig.
Verschil met een klassieke website
Bij een klassieke website vraagt de browser bij veel navigatiestappen een nieuw HTML-document op. Een SPA haalt na de eerste paginalading vooral gegevens of kleinere stukken inhoud op en bouwt daarmee de volgende weergave in de browser.
Dat kan overgangen tussen schermen snel en vloeiend maken. Het vraagt wel aandacht voor de eerste laadtijd, zoekmachine-indexering en het herstellen van de juiste toestand na vernieuwen of rechtstreeks openen van een URL. Daarom hangt de keuze voor een SPA af van de gewenste interactie en de manier waarop bezoekers de applicatie gebruiken.