Client-side rendering (CSR)

  • Seite beinhaltet JavaScript
    • Seitenaufbau über JavaScript verändern
    • Daten über AJAX laden und senden

Single Page Application (SPA)

  • einzelne HTML Seite
  • alle Änderungen in der Seite über DOM Manipulation
  • Webserver nur noch zum Daten verwalten
  • Offlinefähigkeit umsetzbar
    • durch Serverunabhängigkeit
    • Verwendung von localStorage (Daten offline speichern)

JavaScript Frameworks für SPAs

Framework/BibliothekEntwickelt durchseitBesonderheiten
AngularGoogle2016 (AngularJS 2010)Open Source; basiert auf TypeScript
ReactFacebook2013Open Source; ganze SPA oder nur einzelne Komponenten; mit JSX JS mit HTML kombinieren
Vue.jsEvan You2014Open Source; wird als leicht erlernbar bezeichnet
Ember.jsEmber Core Team2011Open Source; "für ambitionierte Webentwickler" (eher Fortgeschrittene)

Einsatzzweck

  • hohe Interaktivität
    • bessere User Experience durch weniger Wartezeit
    • Anwendungen, Spiele
  • weniger Serverlast
    • vorteilhaft bei großen Benutzerzahlen