Inden for webudvikling støder vi på to hovedtyper af applikationer: Multi-page Applications (MPA'er) og Single-page Applications (SPA'er). For at hjælpe dig med at forstå forskellen, kan du overveje to forskellige måder at læse en bog på.

Multi-page Applications (MPA'er)

Forestil dig, at du har en tyk bog, og hver side i bogen repræsenterer en anden del af din webapplikation. Når du vil bevæge dig fra en del til en anden, vender du siden. Sådan fungerer MPA'er. Hver sektion eller funktion i din webapplikation har sin egen separate webside, ligesom hver del af bogen er på en anden side. Men her er pointen: Hver gang du vender en side i bogen, skal du vente lidt, før du kan læse den nye side. Det svarer til at lukke bogen og åbne den igen. I MPA'er indebærer navigation mellem sektioner af din applikation ofte denne form for "sidevending", hvilket kan gøre oplevelsen en smule langsommere.

Single-page Applications (SPA'er)

Forestil dig nu, at du har en magisk bog. Når du begynder at læse, ændrer teksten og billederne på siden sig øjeblikkeligt, efterhånden som du interagerer med historien. Du behøver ikke at vende sider eller vente på, at nye sider indlæses; alt sker på den samme side. SPA'er fungerer som denne magiske bog. De indlæser kun én side i starten og ændrer derefter indholdet på siden, når du klikker på knapper eller interagerer med applikationen. Dette får SPA'er til at føles meget hurtige, fordi de ikke behøver at hente nye sider fra webserveren, hver gang du foretager en handling.

Hvorfor elsker folk SPAs så meget?

• De minder om at læse en spændende historie i en magisk bog;
• De er lynhurtige, fordi du ikke skal vente på, at nye sider indlæses;
• De føles mere interaktive, da du kan udføre handlinger i realtid uden at vente på, at nye sider vises. Det er som at have hele historien samlet ét sted, klar til at ændre sig, efterhånden som handlingen udvikler sig.

React er et populært bibliotek til udvikling af Single-page Applications (SPAs).