Webentwicklung: Trends im Bereich Frontend-Architektur
14.11.2022, 00:00 Uhr
Die Zukunft des Frontends
Aktuelle Entwicklungen auf dem Spektrum zwischen Single Page Application und Multi Page Application.
Welcher Architekturstil ist für eine neue Webapplikation angemessen? Wir unterscheiden zwischen zwei fundamentalen Stilen: Single Page Application (SPA) und Multi Page Application (MPA). Klassischerweise wird das HTML-Dokument einer Webseite von einem Server gerendert. Bei einem Seitenwechsel wird dabei eine neue Anfrage an den Server gestellt und dieser kann das HTML-Dokument für die geforderte Seite generieren. Dagegen liefert der Server bei Single Page Applications nur für die erste Seite ein HTML-Dokument – anschließend läuft eine JavaScript-Applikation auf dem Client, die Seiten rendern und zwischen Seiten wechseln kann, ohne mit dem Server zu sprechen. Zur Gegenüberstellung der beiden Architekturstile wird der klassische Ansatz heutzutage als Multi Page Application bezeichnet.
Seit dem Aufkommen der Frameworks Angular und React gewinnen Single Page Applications zunehmend an Popularität. Ursprünglich eröffneten sie neue Möglichkeiten für interaktive Webapplikationen, wie beispielsweise E-Mail-Clients, Landkarten oder Spiele. Mittlerweile werden sie häufig für alle Arten von Websites eingesetzt – von Blogs bis zu Online-Shops. Der Grund ist, dass Single Page Applications im Idealfall sowohl eine besonders gute User Experience als auch eine besonders gute Developer Experience ermöglichen. Der Preis dafür sind zusätzliche technische Komplexität und große Mengen an JavaScript. Die Herausforderung dabei ist, dass es aufgrund der technischen Komplexität und der großen Menge an JavaScript schwierig ist, die ideale User Experience und Developer Experience tatsächlich zu erreichen. Viele Teams entscheiden sich aktuell blind für eine Single Page Application, ohne Alternativen bewusst abzuwägen [1].
Jetzt 1 Monat kostenlos testen!
Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt dotnetpro-plus-Kunde.
- + Digitales Kundenkonto,
- + Zugriff auf das digitale Heft,
- + Zugang zum digitalen Heftarchiv,
- + Auf Wunsch: Weekly Newsletter,
- + Sämtliche Codebeispiele im digitalen Heftarchiv verfügbar