In der Webentwicklung stoßen wir auf zwei Haupttypen von Anwendungen: Multi-Page-Anwendungen (MPAs) und Single-Page-Anwendungen (SPAs). Um Ihnen den Unterschied zu verdeutlichen, stellen Sie sich zwei verschiedene Möglichkeiten vor, ein Buch zu lesen.

Multi-Page-Anwendungen (MPAs)

Stellen Sie sich vor, Sie haben ein dickes Buch, und jede Seite dieses Buches repräsentiert einen anderen Teil Ihrer Web-App. Wenn Sie von einem Teil zum anderen wechseln möchten, blättern Sie die Seite um. So funktionieren MPAs. Jeder Abschnitt oder jede Funktion Ihrer Web-App hat ihre eigene Webseite, genau wie jeder Teil des Buches auf einer anderen Seite ist. Aber hier ist der Punkt: Jedes Mal, wenn Sie eine Seite im Buch umblättern, müssen Sie ein wenig warten, um die neue Seite zu lesen. Es ist, als ob Sie das Buch schließen und wieder öffnen. In MPAs beinhaltet das Navigieren zwischen den Abschnitten Ihrer App oft diese Art von "Seitenblättern", was die Dinge etwas langsamer machen kann.

Single-Page-Anwendungen (SPAs)

Stellen Sie sich vor, Sie haben ein magisches Buch. Wenn Sie anfangen zu lesen, ändern sich der Text und die Bilder auf der Seite sofort, während Sie mit der Geschichte interagieren. Sie müssen keine Seiten umblättern oder warten, bis neue Seiten geladen sind; alles passiert auf dieser Seite. SPAs sind wie dieses magische Buch. Sie laden zunächst nur eine Seite und ändern dann magisch den Inhalt, während Sie auf Schaltflächen klicken oder mit der App interagieren. Dadurch fühlen sich SPAs super schnell an, da sie nicht jedes Mal neue Seiten vom Webserver abrufen müssen, wenn Sie etwas tun.

Warum lieben Menschen SPAs so sehr?

• Sie sind wie das Lesen einer spannenden Geschichte in einem magischen Buch;
• Sie sind blitzschnell, weil sie nicht darauf warten lassen, dass neue Seiten geladen werden;
• Sie fühlen sich interaktiver an, weil Sie Dinge in Echtzeit tun können, ohne auf neue Seiten warten zu müssen. Es ist, als hätte man die gesamte Geschichte an einem Ort, bereit, sich zu ändern, während sich die Handlung entfaltet.

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