Latest Posts

Angular Material 7 and CDK News and Updates

Angular Material 7 and CDK News and Updates

October 5, 2018
In this post, we are going to take a closer look at changes we expect on both Angular Material 7 and Content Development Kit(CDK). While this two are separate packages, they often go hand in hand, as Angular Material relies on some packages found in Angular CDK. But you can use …

A Closer Look at the Drag and Drop Feature for Angular 7 CDK

A Closer Look at the Drag and Drop Feature for Angular 7 CDK

October 3, 2018
In this post, we are going to take a close look at the drag and drop feature coming to Angular 7 Content Development Kit (CDK). We are getting closer to the release of Angular 7, so it is only fair to see what is in store for us. You can learn more about angular 7 here. So, to …

Using App Shell to Improve Performance – Angular 6

Using App Shell to Improve Performance – Angular 6

October 1, 2018
Angular apps take time to show meaningful content to the user. This time is mainly after loading the index.html page and bootstrapping the app. This is especially worse on lower end devices or slower networks, where it takes longer to get the all files required to bootstrap the …

Role Based Authorization in Angular – Route Guards

Role Based Authorization in Angular – Route Guards

September 28, 2018
In this post, we are going to use Route Guards to determine which user can and can not access certain pages. It is common to have multiple user roles such as guest, author, editor, admin for a blogging site such as this one. Therefore, it is important to determine who has …

Docker Compose - Angular Multi Environment Deployments

Docker Compose - Angular Multi Environment Deployments

September 26, 2018
In a previous post, we covered how to use multiple dockerfile to target different environments for an angular app. In this post, we are going to take things a bit further along using docker compose. We shall use multiple docker compose configuration files to override the …

Attaching Authorization Token Headers in Angular 6

Attaching Authorization Token Headers in Angular 6

September 23, 2018
In a previous post here, we looked at how to intercept HTTP unauthorized responses, and refresh authorization tokens and resend the original request, with the new authorization token. This had me thinking, what if you wanted to be more proactive. In this post, we want to get …

Cool Password Validation – Angular Reactive Forms

Cool Password Validation – Angular Reactive Forms

September 18, 2018
In this post, we are going to be creating a simple signup form, with email, password and confirm password controls. We will then validate the data to ensure it fulfills our requirement before a user can submit the form. We are going to enforce the following rules for the …

Angular 7 Spotlight – News and Updates

Angular 7 Spotlight – News and Updates

September 17, 2018
We are about a month or less for the official release of Angular 7. Today, we are going to take a closer look at what to expect in Angular 7, Angular Material and how you can try out the new version of Angular. So, without further ado. Angular 7 and Angular CLI First, let’s …

Logging HTTP Response Times in Angular

Logging HTTP Response Times in Angular

September 15, 2018
Most API and Backend Services have a metric service to measure to measure request response times. The one downside of this is, it doesn’t consider network latency, or how the device capability is affecting the performance of your web app. This is important, since a lot of the …

ngFor – Working with Large Lists in Angular

ngFor – Working with Large Lists in Angular

September 14, 2018
ngFor is directive that iterates through a list of data and instantiates a template for each item in the list. It does an amazing job when dealing with small list. The issue with ngFor is that it loads everything on DOM, which is slow – possibly iterating over hundreds of items …

Service Worker – Optimizing the Performance of an Angular App

Service Worker – Optimizing the Performance of an Angular App

September 12, 2018
Basically, a service worker intercepts all outgoing http requests sent by your application on the browser. You can choose which request to respond to by using a set of rules (policies) to guide the service worker on how to handle different requests. This gives your app some …

Angular CdkTable – Working with Tables like A Pro – Part 1

Angular CdkTable – Working with Tables like A Pro – Part 1

September 10, 2018
Angular Component Development Kit (CDK) is a set of un-opinionated developers’ tools to add common interaction behavior to your angular UI with minimal effort. It mainly offers some of the tools found in Angular 2 Material, but with the freedom to use the UI of choice. Whether …