PinnedMember-onlyHow Angular 16 allows react hook like functionalityIt’s a good time to be an Angular developer. We got some amazing features these past 3 major releases! The inject function released in Angular 14 opened the pathway to A LOT of code simplification approaches, some which I went over here. We got type forms in Angular 14, which…Angular3 min readAngular3 min read
PinnedMember-onlyYou don’t know TypeScript — using utility typesTypeScript offers us some special types called Utility Types. These are built in, so you don’t need to import them from anywhere, they are available in any TypeScript file. These special types help us reduce the type duplication by being generic and basically transforming (or mapping) the generic type to…7 min read7 min read
PinnedMember-onlyYou don’t know TypeScript — why do we need TypeScriptWelcome to the first article in this series — You don’t know TypeScript. In this first introductory article we will see why we need TypeScript, some basic concepts to get us started and some JavaScript examples to actually prove that we need TypeScript. The main Features of Typescript Easy to maintain and enhances project productivity…Typescript5 min readTypescript5 min read
PinnedMember-onlyHow to improve Angular 14 Reactive Forms TypingsAngular 14 shipped with some cool new features . Among those features was the long awaited Typed Reactive Forms. However, there are some drawbacks and its not typed to your custom types, it is typed to Record<string, AbstractControl>, which means that you cannot pass it a custom interface to it. …Angular4 min readAngular4 min read
Oct 10, 2022Member-onlyAngular: what is OnPush ChangeDetectionStrategy?Angular’s change detection is pretty straight forward out of the box and, to some extend, it has a pretty optimized algorithm, however, it’s not optimized by default. Let’s see how it works first What is change detection in Angular Let’s look at the Angular docs for the definition then let’s break it down and explain it. …Angular7 min readAngular7 min read
Sep 12, 2022Member-onlyAngular advanced features and tips you may not know aboutYou’ve probably read a million articles with a similar title. I know I have. In this article I have compiled a list of features and tips of Angular which I love and which you should start using. So let’s go straight into it. Lazy loading components (not lazy loading routes) First of all, lets get what lazy…Angular6 min readAngular6 min read
Sep 6, 2022Member-onlyYou don’t know TypeScript— common mistakes.The title of this article series might offend you, but most of the developers that actually use TypeScript don’t know it well enough to avoid the dreaded any type. Chances are that you know the basics of TypeScript — defining types, and, to be fair, in essence that is exactly…Typescript6 min readTypescript6 min read
Aug 31, 2022Member-onlyYou don’t know TypeScript — the difference between interface, type and classThis second article in the series aims to clarify the differences between the 3 typing structures, when to use them and how to combine them efficiently. This trio is what you will use to type your app, but there are some key differences between them which are very important and…Typescript6 min readTypescript6 min read
Aug 10, 2022Member-onlyWhy Angular 14’s new inject() function is so amazing?As you have probably already read, Angular 14 shipped some very interesting features: typed forms (which can still be improved, see how here), standalone components, and, the focus of this article, the ability to use the inject( ) function during the so-called constructor phase. Let’s break the above sentence in…Angular6 min readAngular6 min read
Aug 5, 2022Member-onlyAggregating multi page/component forms in Angular 14.Imagine you have a form that is split in multiple components. Be it a wizard, a tabbed form, or even a paged form. You would probably use a custom @Injectable() service to store and aggregate the form data. Luckily there is an npm package that does just that, and it…Angular Forms2 min readAngular Forms2 min read
