Isomorphes JavaScript
Isomorphes JavaScript, auch bekannt als Universelles JavaScript, beschreibt JavaScript-Anwendungen, die sowohl auf dem Client als auch auf dem Server laufen.
Mechanismus
[Bearbeiten | Quelltext bearbeiten]Isomorphes JavaScript wird im Zusammenhang mit Single-Page-Anwendungen (SPA) verwendet. In einer typischen SPA ist der größte Teil der Geschäftslogik, einschließlich des Routings, in einer JavaScript-Datei gebündelt, die zum Client gesendet wird. Obwohl dies den Server entlastet, da er nicht mehrere Anfragen zu bearbeiten hat, macht es doch den Start für den Nutzer langsamer, da die gesamte Webanwendung zum Client gesendet werden muss.
Mit isomorphem JavaScript wird bei der ersten Anfrage vom Client die Ansicht der Seite auf dem Server berechnet, ähnlich zu serverseitigen Websites, und dann zum Client gesendet. Der Client kann dadurch die Ansicht unverzüglich rendern. Nachdem die Startansicht erzeugt wurde, wird die gesamte SPA im Hintergrund heruntergeladen und nachfolgende Aktionen werden auf der Client-Seite bearbeitet.
Name
[Bearbeiten | Quelltext bearbeiten]Der Ursprung des Namens 'Isomorphes JavaScript' ist umstritten.[1] Der Begriff 'isomorph' wurde zuerst von Charlie Robbins von Nodejitsu in einem der Blog-Einträge des Unternehmens geprägt.[2] Spike Brehm, ein Softwareentwickler von Airbnb, verwendete in einem anderen Blog-Eintrag denselben Begriff.[3] Davon unabhängig wurde von anderen vorgeschlagen, stattdessen den Begriff 'Universelles JavaScript' zu verwenden.[4]
Vorteile
[Bearbeiten | Quelltext bearbeiten]Es hat mehrere Vorteile, isomorphes JavaScript zu verwenden:
- Schnelleres Laden der Seite
- Suchmaschinenoptimierung – da die Ansicht auf dem Server erzeugt wird, müssen Webcrawler nicht länger JavaScript starten, um eine Seite zu rendern und zu indizieren
Frameworks
[Bearbeiten | Quelltext bearbeiten]Es wurden mehrere Frameworks für isomorphes JavaScript erstellt, vor allem sind Meteor und React zu nennen. Weitere sind:
Einzelnachweise
[Bearbeiten | Quelltext bearbeiten]- ↑ Is "Isomorphic JavaScript" a good term? Abgerufen am 15. Juni 2017.
- ↑ Nodejitsu Inc.: Scaling Isomorphic Javascript Code | Nodejitsu Inc. Archiviert vom am 3. Juli 2017; abgerufen am 15. Juni 2017. Info: Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.
- ↑ AirbnbEng: Isomorphic JavaScript: The Future of Web Apps. 11. November 2013, abgerufen am 15. Juni 2017.
- ↑ Michael Jackson: Universal JavaScript. 8. Juni 2015, abgerufen am 15. Juni 2017.
