Photo by Eliobed Suarez on Unsplash tldr; For years now, Angular developers have been working with observables and state management libraries to make their applications reactive. Everyone has an opinion, and there have been a lot of different implementations. Recently, however, the Angular team released an official path forward for reactivity in Angular apps: Signals. What are Signals? …
Photo by Clay Banks on Unsplash Angular 14 brought us a lot of amazing features. Functional route guards are one of my favorite new features. Instead of creating a class that extends a particular interface, you could write a simple function that returns true or false. This opened up a lot of new opportunities for route guards. …
Flattening and Transforming Observable Arrays with RxJs Rxjs is an open-source library use to handle streams of events. It’s a very powerful tool but it has a steep learning curve and can be tricky at times. The issue we will be discussing in this article is dealing with a list of objects inside a stream and needing …
Flattening and Transforming Observable Arrays with RxJs Read More »
tldr; Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new paradigm. However, if you’re like me, you may be a little overwhelmed with how to organize your project with standalone and Nx. I have been using Nx for years, and Angular for even longer, and wasn’t exactly …
tldr; In Angular v14.2, functional route guards were introduced as a new way to protect parts of Angular applications. Previously, the only way to write route guards was by using class based guards. The class based guards worked fine, but required a lot of extra setup to be used. Functional route guards require just a single …
The purpose of this article is to provide you with a small, strongly-typed utility pipe that you can easily incorporate into your project to improve its performance. This article will also provide the solution for challenge #9 of Angular Challenges, which is intended for intermediate-level developers seeking to enhance their understanding of pipes. If you …
Boost Your App’s Performance by Wrapping Your Functions Inside a Pipe Read More »
Discriminated Unions — Are You Using Them? Photo by Beth Macdonald on Unsplash Let’s discuss a common coding situation. We call an HTTP service and want to set a loading flag. So we create a simple isLoading variable that will tell if we are waiting on the service to respond. The Problem isLoading is great until that fateful day when …
Typescript is a type system built on top of Javascript and its only purpose is to secure your application by applying strong type security. Thanks to Typescript, you can reduce runtime errors by catching them at build time. As a good teammate, it’s helpful to create strong-typed functions when creating utilities functions. By doing so, …
tldr; We constantly write components or directives that use @Outputs to emit data to the host component. Traditionally, that’s done by using EventEmitter from @angular/core. But you can also emit changes using an Observable, and luckily you can do just that without any issues. In this article we’ll look at a use case for this …
Note: This article relies on a pre-release version of Angular 16.0.0-next.0. Things may change before the final release. Signals are everywhere in the Angular community right now. Why is everyone so excited? Are they really better than RxJS? Can I use them now? I’m sure many questions are racing through your head. Let’s discuss the three …
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.
