#single page application

Navigation in der SPA: Vue Router vorgestellt

Dieser Teil der Artikelserie zu Vue widmet sich der Navigation innerhalb einer Applikation. In einer Single Page Application haben Sie ja grundsätzlich das Problem, dass ein Neuladen der Seite beziehungsweise das Navigieren von einer Unterseite zu einer anderen den lokalen State der Applikation im Browser zurücksetzt. Um dies zu vermeiden, existieren für alle modernen Frontend Frameworks Erweiterungen, die eine Navigation zwischen verschiedenen Ansichten und damit unterschiedlichen Komponentenbäumen ermöglichen.

smoothState.js – Page-Transitions ganz geschmeidig

Langsame Page-Loads im Web sorgen oftmals für Unmut bei den Nutzern, ganz zu schweigen von der damit einhergehenden schlechten User Experience. Müssen neue (Bild-)Elemente geladen oder das Design einer Website neu aufgebaut werden, sind harte Transitions und weiße Blitze die Folge. Viele Web-Entwickler haben das mittlerweile als Eigenart des Webs akzeptiert, obwohl es dafür keinerlei technische Gründe gibt. Das jQuery-Plugin smoothState.js will Abhilfe schaffen und ermöglicht das Einfügen von sanften Übergängen.

Igaro App: SPA-Framework abseits der Norm?

Nutzer und Entwickler stehen heute gleichermaßen vor dem Problem eines sich aufblähenden Webs: Das Erstellen und Rendern einer Site, die aus unzähligen Fragmenten besteht, führt häufig zu vermehrten Datenbankabfragen – was die Ladezeit erheblich erhöht. Frameworks, die sich diesem Problem annehmen, gibt es viele: Backbone, Polymer, Angular oder React. Allerdings stellt sich dabei die Frage, ob heutzutage überhaupt alles noch serverseitig gerendert werden muss? Das Framework Igaro App gibt darauf eine klare Antwort.

Single Page Applications: AngularJS oder Knockout?

Frameworks zur Entwicklung von Single Page Applications gibt es mittlerweile wie Sand am Meer, die richtige Technologieentscheidung zu treffen ist schwer. Der folgende Artikel vergleicht verschiedene Aspekte, wie Technologie, Validation sowie Performance, der beiden JavaScript-Frameworks AngularJS und Knockout. Darüber hinaus werden nützliche Tipps für die erfolgreiche Entwicklung von SPA-Anwendungen vorgestellt.

X
- Gib Deinen Standort ein -
- or -