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 …
As an adult, I don’t know much about cleaning the house. I mean… I clean; my wife keeps me honest, but I do like to think I spend a bit more time trying to clean my enterprise repo, and what better time than the spring to do a little repo cleaning to make sure you’re …
Photo by Krzysztof Hepner on Unsplash Back in October 2022, The Angular team decided to deprecate the Angular Flex-Layout library and put the library into LTS support (due to finish somewhere around late 2023). You can read the full farewell post here: https://medium.com/@caerus.karu/farewell-flex-layout-aaa567023769 First some background to the library. What is Angular Flex-Layout? When developing applications we usually …
Over the last few months, we’ve seen many companies go through some major layoffs, with thousands of developers being laid off. While it may be in smaller numbers, there are still companies out there hiring as well. Hopefully this will be a help to anyone interviewing for Angular jobs, as well as those on the …
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.
