In der Webentwicklung begegnen wir zwei Haupttypen von Anwendungen: Multi-Page Applications (MPAs) und Single-Page Applications (SPAs). Um den Unterschied zu verdeutlichen, stellen Sie sich zwei verschiedene Arten vor, ein Buch zu lesen.

Multi-Page Applications (MPAs)

Stellen Sie sich vor, Sie haben ein dickes Buch, und jede Seite dieses Buches repräsentiert einen anderen Teil Ihrer Webanwendung. Wenn Sie von einem Teil zum anderen wechseln möchten, blättern Sie eine Seite um. So funktionieren MPAs. Jeder Abschnitt oder jede Funktion Ihrer Webanwendung hat eine eigene Webseite, genau wie jeder Teil des Buches auf einer anderen Seite steht. Allerdings müssen Sie jedes Mal, wenn Sie eine Seite umblättern, kurz warten, um die neue Seite zu lesen. Es ist, als würden Sie das Buch schließen und erneut öffnen. Bei MPAs bedeutet die Navigation zwischen den Abschnitten Ihrer Anwendung oft dieses "Seitenumblättern", was die Nutzung etwas langsamer machen kann.

Single-Page Applications (SPAs)

Stellen Sie sich nun vor, Sie besitzen ein magisches Buch. Sobald Sie zu lesen beginnen, ändern sich Text und Bilder auf der Seite sofort, während Sie mit der Geschichte interagieren. Sie müssen keine Seiten umblättern oder auf das Laden neuer Seiten warten; alles geschieht auf derselben Seite. SPAs sind wie dieses magische Buch. Sie laden anfangs nur eine Seite und ändern dann auf magische Weise deren Inhalt, sobald Sie auf Schaltflächen klicken oder mit der Anwendung interagieren. Dadurch wirken SPAs besonders schnell, da sie nicht bei jeder Aktion neue Seiten vom Webserver abrufen müssen.

Warum sind SPAs so beliebt?

• Vergleichbar mit dem Lesen einer spannenden Geschichte in einem magischen Buch;
• Sehr schnell, da keine Wartezeiten für das Laden neuer Seiten entstehen;
• Höhere Interaktivität, da Aktionen in Echtzeit möglich sind, ohne auf das Nachladen von Seiten zu warten. Es ist, als hätte man die gesamte Geschichte an einem Ort, bereit, sich mit dem Handlungsverlauf zu verändern.

React ist eine beliebte Bibliothek zur Entwicklung von Single-Page Applications (SPAs).