Dieser Artikel behandelt das Fassaden Pattern in NgRx. Der Autor setzt voraus, dass ein entsprechendes Grundwissen im Umgang mit NgRx vorhanden ist. Die Fassade entkoppelt NgRx von unserer Anwendung. Dabei werden Selektoren als Properties vom Typ Observable angeboten. Die Actions werden zu normalen Methoden. Eine Videoversion gibt es hier: https://youtu.be/K4dpVXuhm14 Theorie Die Fassade ist ein …
NgRx Facade Pattern This article covers the Facade pattern in NgRx. The reader must have a basic understanding of NgRx or a similar state management library. The Facade pattern decouples NgRx from the rest of our application. It does that by masking NgRx-actions as method calls and the selectors as properties of type Observable. In case …
The other day, one of my coworkers detected a strange behavior inside our application. When he added RouterLinkActive to a link, the application stopped rendering. However when the directive was removed, the application worked correctly. Instead of immediately reading the solution, I created a challenge inside AngularChallenges for those who want to try resolving and …
In Angular, you can create dynamic components using the NgComponentOutlet directive. However when your component has inputs, it was cumbersome to pass them through. In version 16.2.0-next.4, a new feature has been introduced, allowing you to bind your inputs much more easily. In this article, we will explore how to achieve input binding in previous versions …
Northern coastline of Mallorca, Spain — Photo by author Since the release of the NgOptimizedImage directive two major versions ago in Angular 14.2 (recently backported to version 13.4), front-end developers have been able to reuse Angular logic to render images in the browser performantly. This built-in directive addresses some frequently overlooked best practices in image rendering, such as …
Modifiable Source of Optimized Images in Angular 16.2 Read More »
Costa norte de Mallorca, España — Foto del autor Desde el lanzamiento de la directiva NgOptimizedImage en Angular 14.2 (e incorporada recientemente de forma retroactiva a la versión 13.4), los desarrolladores front-end hemos podido reutilizar lógica de Angular para la representación de imágenes en un navegador web de manera eficiente. Esta nueva directiva incorporada al framework promueve algunas …
Modificando la fuente de imágenes optimizadas con Angular 16.2 Read More »
by Dan Wahlin, Guest Author Introduction I had the incredible opportunity to grace the stage at the 2023 ng-conf conference in beautiful Salt Lake City, Utah this past June. Every year, I look forward to this event, and it’s not just because of the scenic views or the pristine organization of the conference. The magic truly …
tldr; CanDeactivate guards in Angular can be very helpful in your app. Preventing users from leaving a route can keep the user from losing their progress on a form or something similar. Angular makes it easy with the CanDeactivate guard, and they’re even more straight-forward to write with the (not-so-new anymore) format of functional guards. …
Explora cómo adoptar las directivas anfitrionas (host directives) en Angular. Continue reading on ngconf »
Explore how to adopt host directives to increase code reusability in Angular Continue reading on ngconf »
Join our exclusive newswire for ng-conf news, workshops, sessions, speakers announcements, and more as we count down to ng-conf!
Join our exclusive newswire for speaker announcements, workshops, sessions info and all the latest ng-conf info.
