API services are a crucial part of any Angular application since they hold the logic of interacting with an external api for different reasons which can be as simple as fetching, creating, updating or deleting models. But are you sure they’re behaving as expected? You should be, after reading this…

Validating user input increases the accuracy and completeness of your web application. Reactive Forms in Angular provide some built-in custom validators, but what if you need to call some custom API endpoint to validate the user input? Stay along; we’re gonna implement an async validator below 🚀. Scenario We’re gonna set…

Embedding and showing content of a PDF file in the browser is much easier than you think, and you don’t need to rely on any external package which might end up adding more bundle size to your application. Case #1 You have a static link which you can put directly in HTML…

Are you developing an Angular application and would like to see it running with production configuration live on the browser? Firebase hosting enables us to deploy any JS based application for free. Let me show you how you can achieve it. What is Firebase Hosting? Firebase Hosting is production-grade web content hosting for developers…

Are you implementing Role Bases Access Control in Angular templates? One way to do it is via *ngIf, but I would not choose that path, since it will include custom functions within the angular template and it’s hard to maintain. …

Hi, In this article I will show a guide on how to add JEST unit test for a simple Angular class guard for redirection implementing canActivateFunction. Prerequisites I am preparing a simple scenario to have different redirects to /login or /home if the user is logged in or not. …

In this article I will show a full guide on how to make use of ngrx store with Angular to perform basic CRUD operations. What is NGRX? NgRx is a framework for building reactive applications in Angular. NgRx provides libraries for: Managing global and local state. Isolation of side effects to promote a…

In this article, I will show a full guide on testing ngrx store building blocks following: action, reducers, effects and selectors using JEST (a testing framework for javascript/typescript). Scenario What are we going to do? Well, I am preparing a scenario like the following: We want to fetch the books of…

Are you a lover of Angular onPush change detection strategy and the performance optimization it can bring? Remembering to add it in every new component metadata you create by angular cli command is not a good solution. This article is about somehow automating this process. What is onPush strategy? The main idea behind the…