Angular Bundle , How to reduce stylesheet size (in Bundle) ?
Building applications/websites using Angular has a downside – the bundle size. This directly affects the loading speed and user experience of our projects.…
Angular Interceptors
Angular interceptors are middleware-like services that can be used to intercept and modify HTTP requests and responses globally within our…
how to upgrade a globally installed package
To update a globally installed Angular package, we can use the npm command line tool. // let's update the angular…
“Git revert” VS “Git reset”
The purpose of the git revert command is to remove all the changes a single commit made to our source code repository.…
How to implement registerOnTouched method in custom component?
Let us assume, we have a custom Angular component that acts as a form control and we want to subscribe…
How do I enable the use of Validators.required for a custom component?
Let us assume, we have a custom Angular component that acts as a form control and we want to enable…
What’s new in Angular v.17?
Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new wave of…
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…