Förderjahr 2025 / Projekt Call #20 / ProjektID: 7996 / Projekt: RxAngular
Wir sind stolz unsre ersten Ergebnisse präsentieren zu können:
1. Meilenstein: Release von Version 21 & Angular Kompatibilität
Ein riesiger Schritt war der Release von RxAngular v21.
- Full Support: Wir haben die gesamte Library auf die neueste Angular-Version (v21) gehoben.
- Stable Releases: Besonders stolz sind wir darauf, dass VirtualViews und VirtualScrolling nun offiziell als stabile Versionen vorliegen.
- Public API Refinement: Wir haben die Typisierung geschärft und die API-Oberfläche vereinfacht, um den Einstieg für neue Entwickler:innen so hürdenfrei wie möglich zu gestalten.
2. Funktionale Highlights & Browser-APIs
Wir haben gezielte Verbesserungen vorgenommen, um die Performance und Flexibilität weiter zu steigern:
- IntersectionObserver Update: Wir haben die Unterstützung für die neue scrollMargin API hinzugefügt. Dies erlaubt eine noch präzisere Steuerung darüber, wann Views im Viewport "erwachen", was besonders bei komplexen Layouts mit Sticky-Headern oder Overlays entscheidend ist.
- SSR & Kompatibilität: Die VirtualViews sind nun voll SSR-kompatibel (Server-Side Rendering).
- Interaktivität: Ein neues Output-Event für den VisibilityState ermöglicht es euch, direkt auf Sichtbarkeitsänderungen zu reagieren und eigene Logik daran zu knüpfen.
- Konfigurierbare Render-Strategien: Über die API lassen sich nun Render-Strategien noch flexibler konfigurieren (PR #1907).
3. Dokumentation & Live-Demos
Technologie ist nur so gut wie ihre Erklärbarkeit. Deshalb haben wir:
- Die Dokumentation komplett modernisiert, um Struktur und Sichtbarkeit zu verbessern.
- Neue Public Best Practices Demos erstellt. Hier zeigen wir live, wie RxAngular (Virtual Scrolling, RxLet, RxFor, Virtual View) in realen Szenarien Bestleistungen erzielt.
https://www.rx-angular.io/docs/template/virtual-scrolling#demo
https://www.rx-angular.io/docs/template/rx-let-directive#resources
https://www.rx-angular.io/docs/template/rx-for-directive#resources
-----------------------------------------------------------------------------------------------------------------
Ein Blick nach vorne: Was kommt als Nächstes?
Das Projekt steht erst am Anfang. Aktuell arbeiten wir bereits an:
- Instant Navigations: Algorithmen für intelligentes Vorladen von Inhalten für verzögerungsfreie Übergänge.
- esbuild Bundle Optimizer: Ein Tool, das das Code-Splitting optimiert und eure Bundles noch kleiner macht.
RxAngular in der Community
Wir sind auch vor Ort aktiv!
- März: Wir unterstützen das Angular Vienna Meetup als Sponsor.
- April: Julian und Michael reisen zur ng-India, um unsere Fortschritte und die Arbeit am Projekt auf der großen Bühne zu präsentieren.
Wir freuen uns sehr auf die nächsten Schritte und darauf, die Web-Performance gemeinsam mit euch auf das nächste Level zu heben!
Euer RxAngular Team
-----------
Technische Details im Überblick:
- Release v21: Kompatibilität mit der aktuellsten Angular Version.
- Stable: @rx-angular/template/virtual-scrolling & virtual-views.
- Features: scrollMargin Support, VisibilityState Output, SSR Compatibility.