RxAngular
Förderjahr 2023 / Projekt Call #18 / ProjectID: 6798
Wer sind wir? Michael Hladky und sein Team beschäftigen sich bereits seit mehr als 10 Jahren mit der Entwicklung und Anwendung von innovativen Web-Technologien zur Beschleunigung von browserbasierten Anwendungen. Motivation: Wartezeiten aufgrund von Performancemängel sollen der Vergangenheit angehören.
Für wen ist es? Das Anwendungsgebiet unserer Entwicklung liegt generell bei browserbasierten Anwendungen - sowohl online (z.B. Webshop) als auch offline (z.B. Multimediasystem im Auto). Unsere Entwicklung richtet sich an Anbieter:innen bzw. Entwickler:innen dieser Anwendungen, um deren Benutzer:innen die bestmögliche Nutzungserfahrung (zB ununterbrochene App-Response) bieten zu können.
Was ist es? Bei Seiten-Ladezeiten >3s brechen 53% der Nutzenden den Ladevorgang ab (Google 2017). RxAngular löst das Problem der Verarbeitung und Darstellung von großen Datenmengen bei gleichzeitiger Gewährleistung von dauerhafter User-Interaktivität. Mit RxAngular ist es möglich, auch bei gegebenen System-Limitationen und Randbedingungen (zB begrenzte Prozessorleistung) stets die bestmögliche Performance und den höchstmöglichen Datendurchsatz zu erreichen und so negative Nutzungserlebnisse zu verhindern.
Wie funktioniert es? Mit RxAngular werden in einem umfassenden Toolset neue Verfahren&Algorithmen zur Beschleunigung und Optimierung der Runtime Performance von browserbasierten Anwendungen entwickelt. Herzstück sind neuartige Verfahren zur unterbrechungsfreien, intelligenten Aufteilung&Priorisierung von Datenströmen mit neuentwickelten Konzepten wie Frame-Budget-Metrik, Task Abortion oder intell. Coalescing+Scoping.
Public Open Source Repository: https://github.com/rx-angular
Themengebiet
Zielgruppe
Gesamtklassifikation
Technologie
Projektteam
Projektergebnisse
Zwischenbericht RxAngular
Was ist es? Bei Seiten-Ladezeiten >3s brechen 53% der Nutzenden den Ladevorgang ab (Google 2017). RxAngular löst das Problem der Verarbeitung und Darstellung von großen Datenmengen bei gleichzeitiger Gewährleistung von dauerhafter User-Interaktivität. Mit RxAngular ist es möglich, auch bei gegebenen System-Limitationen und Randbedingungen (z.B. begrenzte Prozessorleistung) stets die bestmögliche Performance und den höchstmöglichen Datendurchsatz zu erreichen und so negative Nutzungserlebnisse zu verhindern.
Für wen ist es? Das Anwendungsgebiet unserer Entwicklung liegt generell bei browserbasierten Anwendungen - sowohl online (z.B. Webshop) als auch offline (z.B. Multimediasystem im Auto). Unsere Entwicklung richtet sich an Anbieter:innen bzw. Entwickler:innen dieser Anwendungen, um deren Benutzer:innen die bestmögliche Nutzungserfahrung (z.B. ununterbrochene App-Response) bieten zu können.
Wie funktioniert es? Mit RxAngular werden in einem umfassenden Toolset neue Verfahren&Algorithmen zur Beschleunigung und Optimierung der Runtime Performance von browserbasierten Anwendungen entwickelt. Herzstück sind neuartige Verfahren zur unterbrechungsfreien, intelligenten Aufteilung&Priorisierung von Datenströmen mit neuentwickelten Konzepten wie Frame-Budget-Metrik, Task Abortion oder intelligentem Coalescing+Scoping.
Was ist es? Bei Seiten-Ladezeiten >3s brechen 53% der Nutzenden den Ladevorgang ab (Google 2017). RxAngular löst das Problem der Verarbeitung und Darstellung von großen Datenmengen bei gleichzeitiger Gewährleistung von dauerhafter User-Interaktivität. Mit RxAngular ist es möglich, auch bei gegebenen System-Limitationen und Randbedingungen (z.B. begrenzte Prozessorleistung) stets die bestmögliche Performance und den höchstmöglichen Datendurchsatz zu erreichen und so negative Nutzungserlebnisse zu verhindern.
Für wen ist es? Das Anwendungsgebiet unserer Entwicklung liegt generell bei browserbasierten Anwendungen - sowohl online (z.B. Webshop) als auch offline (z.B. Multimediasystem im Auto). Unsere Entwicklung richtet sich an Anbieter:innen bzw. Entwickler:innen dieser Anwendungen, um deren Benutzer:innen die bestmögliche Nutzungserfahrung (z.B. ununterbrochene App-Response) bieten zu können.
Wie funktioniert es? RxAngular besteht aus verschiedenen Paketen, die in Kombination oder auch standalone funktionieren: @rx-angular/state: Eine leistungsstarke Bibliothek für die Zustandsverwaltung, die eine vollständig reaktive Möglichkeit zur Verwaltung von Zuständen in Komponenten und Diensten bietet. @rx-angular/template: Eine Reihe von Direktiven und Pipes, die für ein hochleistungsfähiges und blockierungsfreies Rendering für umfangreiche Anwendungen entwickelt wurden. @rx-angular/cdk: Ein Component Development Kit für hochleistungsfähige und ergonomische Angular-UI-Libs und umfangreiche Anwendungen. @rx-angular/isr: Eine Bibliothek, die es Angular Universal-Anwendungen ermöglicht, statische Seiten zur Laufzeit zu generieren und sie dann bei Bedarf oder nach einem Zeitplan inkrementell zu aktualisieren. @rx-angular/eslint-plugin: Ein Satz von ESLint-Regeln zur Erstellung reaktiver, performanter und zonenloser Angular-Anwendungen.
Our github repository holds a set of helpers that are aiming to provide: •fully reactive applications •fully or partially zone-less applications •high-performance and non-blocking rendering
Auf unserer Webseite findet ihr eine große Auswahl an Tutorials, Templates, Concepts and best practices, Recipes, uvm. https://www.rx-angular.io/docs/state/getting-started
Einseiter / Zusammenfassung
- Kurzfassung WAS | FÜR WEN | WIE
- Liste Projektergebnisse
- wo finden Dritte die Projektergebnisse (inkl. Dokumentation Anwender_innen bzw. Entwickler_innen)
- mögliche Weiterentwicklungen/ weitere Einsatz-/ Nutzungsmöglichkeiten
Bericht über das gesamte Projekt: o Einleitung o Projektbeschreibung o Verlauf der Arbeitspakete o Umsetzung Förderauflagen o Liste der Projektergebnisse (mit Open Source Lizenzen und Webadressen) o Verwertung der Projektergebnisse in der Praxis o Eigene Projektwebsite o Öffentlichkeitsarbeit/ Vernetzung o Geplante Aktivitäten nach netidee-Projektende o Anregung für Weiterentwicklung durch Dritte o Sichtbarkeit & Nachhaltigkeit
