Latest Posts

Golang – Building Small Docker Images

Golang – Building Small Docker Images

January 4, 2019 05:33PM | Go (golang)
In this post, we are going to see how we can reduce the size of our final docker image size for our golang app. To achieve this, we are going to be using the scratch docker image. This is going to reduce the size of the final image by over 95%. Why? By reducing the size of our …

Creating a Filter Method for Angular Async Pipe

Creating a Filter Method for Angular Async Pipe

December 13, 2018 04:43PM | Angular
In a previous post earlier this week, we looked at how we can handle errors when using Angular Async Pipe. In this post, we are going to build a simple filter method for Angular Async Pipe. We are going to use a custom pipe to filter results, then pass an observable back to …

Angular Async Pipe – How to Handle Errors

Angular Async Pipe – How to Handle Errors

December 11, 2018 11:32AM | Angular
In this post, I am going to show you a very simple yet effective way of handling errors when using Async Pipe in Angular. If you are new to async pipe, it basically allows you to subscribe to observables and promises right inside your templates. Below is a simple example of how …

Entry Components in Angular - What are they?

Entry Components in Angular - What are they?

December 7, 2018 12:14PM | Angular
In this post, we are going to look at Entry Components in Angular, what they are and why they even exist. In the simplest terms possible, an entry component in Angular is any component that is loaded by its class, not selector. @Component({ selector: …

Building a Simple Responsive App with Angular Flex Layout

Building a Simple Responsive App with Angular Flex Layout

December 5, 2018 04:48AM | Angular
In the last post, which you can find here, we introduced Angular Flex Layout. We looked at the APIs/Directives available to you as a developer and how you can use them. In this post, we are going to build on that foundation. Our goal here is very simple, building a simple …

Angular Flex Layout – Introduction & Getting Started

Angular Flex Layout – Introduction & Getting Started

November 19, 2018 02:10AM | Angular
In this post, I am going introduce and look at how you can get started with Angular Flex Layout. We will briefly introduce the APIs for Angular Flex Layout and look at how to add it to your project. Angular Flex Layout is a stand-alone library developed by the Angular Team for …

How to Build Custom Pipes in Angular

How to Build Custom Pipes in Angular

November 6, 2018 01:17PM | Angular
In simple terms, pipes allow us to write display value transformation right inside the template. Angular comes with stock or built in pipes to transform your values to what you want the user to see. For instance, the Date Pipe, allows you to change the date format and other …

Angular Reactive Forms - Dynamic Form Fields using FormArray

Angular Reactive Forms - Dynamic Form Fields using FormArray

October 27, 2018 12:06PM | Angular
In most cases, forms have constant form controls – remaining static throughout the lifetime of the form. But from time to time, you can find yourself in a situation where you would like to dynamically add or remove form controls. These form controls are added dynamically as …

How to Modify the UI Based on User Role in Angular

How to Modify the UI Based on User Role in Angular

October 24, 2018 09:29PM | Angular
In today’s post, we are going to see how to modify the User Interface (UI) based their user role. This is useful if you wish to display different UI Elements/Components based on the user role. While this is not a security measure, it has the potential to greatly enhance the …

Deploying Angular 6 and Above Apps to GitHub Pages

Deploying Angular 6 and Above Apps to GitHub Pages

October 21, 2018 07:26PM | Angular
In this post, I am going to show you how to deploy angular apps to GitHub pages. You can think of GitHub pages as a free hosting platform that you can use to host client-based apps. You can host things like demos, portfolios, documentations etc. You can use it to host any …