How to use the CSS calc() function to optmise our stylesheet
The calc() function in CSS allows us to perform mathematical calculations directly in CSS expressions. It can be used to…
Configuring the router using standalone features
To configure the Router, we pass the with* feature provider factories to the provideRouter function. The first argument passed must be Routes while subsequent arguments are 0..n…
Lazy loading a standalone component using the Angular Router
To lazy load a component, let us add a loadComponent property to a Route object. The value is a function that returns a dynamic import statement…
How to bootstrapping Standalone Components in Angular
The standalone component approach differs from using the NgModule approach the moment we want to bootstrap. With NgModule, this is done via a bootstrapModule function…
How to integrate angular code coverage with Sonarqube
The Angular CLI can run unit tests and create code coverage reports. Code coverage reports show us any parts of…
How to customize logging in Javascript
If you have experience in creating a web application, you will likely be acquainted with console.log(…), a method used to…
Why and how to use the Inject Function in Angular 15
Since Angular 14/15, there has been an alternative way to inject dependencies into our Angular applications. Using inject, we can…
How to use jwt-decode library with Angular
JSON Web Tokens (JWTs) are a common format for transferring information between different parts of an application. Angular is a…
How to detect clicks outside the Element in Angular 16
In Angular, directives are defined as classes that can add new behavior to the elements in the template or modify…
Angular – Server Side Rendering
Server side Rendering (SSR) is a modern technique to convert a Single Page Application (SPA) running in the browser into…