Inom webb­utveckling stöter vi på två huvudtyper av applikationer: Multi-page Applications (MPA) och Single-page Applications (SPA). För att hjälpa dig att förstå skillnaden, tänk på två olika sätt att läsa en bok.

Multi-page Applications (MPA)

Föreställ dig att du har en tjock bok, och varje sida i boken representerar en annan del av din webbapplikation. När du vill gå från en del till en annan, vänder du blad. Det är så MPA fungerar. Varje sektion eller funktion i din webbapplikation har sin egen webbsida, precis som varje del av boken finns på en separat sida. Men här är saken: varje gång du vänder blad i boken måste du vänta lite för att läsa den nya sidan. Det är som att stänga boken och öppna den igen. I MPA innebär navigering mellan sektioner av din applikation ofta denna typ av "sidvändning", vilket kan göra att det går lite långsammare.

Single-page Applications (SPA)

Föreställ dig nu att du har en magisk bok. När du börjar läsa ändras text och bilder på sidan direkt när du interagerar med berättelsen. Du behöver inte vända blad eller vänta på att nya sidor ska laddas; allt sker på samma sida. SPA fungerar som denna magiska bok. De laddar bara en sida initialt och ändrar sedan innehållet på den sidan när du klickar på knappar eller interagerar med applikationen. Detta gör att SPA känns mycket snabba eftersom de inte behöver hämta nya sidor från webbservern varje gång du gör något.

Varför älskar folk SPAs så mycket?

• De är som att läsa en spännande berättelse i en magisk bok;
• De är blixtsnabba eftersom du slipper vänta på att nya sidor ska laddas;
• De känns mer interaktiva eftersom du kan göra saker i realtid utan att vänta på att nya sidor ska dyka upp. Det är som att ha hela berättelsen på ett ställe, redo att förändras när handlingen utvecklas.

React är ett populärt bibliotek för att utveckla Single-page Applications (SPAs).