Latest Posts

Flutter - A Closer Look at How Pub Handles Dependency Versions

Flutter - A Closer Look at How Pub Handles Dependency Versions

July 10, 2019
In this post, I want to look closely at how dart pub handles dependency versions. The end goal is to help you understand how to manage your flutter dependencies versions with some finesse. So, without further ado, let’s get started. How Dart Pub Handles Dependencies Dart …

Customizing Angular App Behavior per Build Environment

Customizing Angular App Behavior per Build Environment

July 2, 2019
If you have used angular for even a brief period, you probably have come across the environment configuration files. By default, they are two of them – one for production and another for development. They allow you to specify configs or settings that are unique to a specific …

Flutter Building a Bottom Navigation Bar with "Flutter_Bloc"

Flutter Building a Bottom Navigation Bar with "Flutter_Bloc"

March 28, 2019
I was in the middle implementing a BottomNavigationBar, when a thought crossed mind. Can I use bloc pattern to manage its state? Admittedly, it’s not the most brilliant idea, not even close to one, but I thought it was a very good way to improve my understanding of the …

Golang – Building a Graphql Server (Part 1)

Golang – Building a Graphql Server (Part 1)

March 25, 2019
Over the last 3 months, I have been involved on a project where I ended up building a GraphQL Server using Go. Before this, I had not worked on GraphQL before, on either frontend or backend. In this post, I would like to focus on two things: First, why I decided to use GraphQL …

Working With Assets and Global Styles and Scripts in Angular

Working With Assets and Global Styles and Scripts in Angular

February 25, 2019
In this post, we are going to take a closer look at how we to work with assets (web assets) and global styles and scripts on our angular project. The three (Assets, Styles and Scripts) cover all the resources you might need for your Angular app. We will cover common scenarios …

Separating Dev and Prod Environment on Firebase

Separating Dev and Prod Environment on Firebase

February 16, 2019
It is common for developers to setup multiple environments for our application. This usually include a development/staging and production environment. This gives us the freedom to experiment with our development/staging environment, without messing with the production …

Changing Angular Material Form Field Appearance

Changing Angular Material Form Field Appearance

February 4, 2019
Material design has been with us for the last few years. The material guidelines spec sheet, found here, has evolved since the original design, on release. This can be seen in various Google products, as they continue updating their products according to the updated spec sheet. …

Using OS Environment Variables in Angular (with Docker)

Using OS Environment Variables in Angular (with Docker)

January 13, 2019
Angular has its way of handling different target environments, through angular environments files – which you can learn more about here. The issue with this approach is that it requires you to commit keys and configuration to your version control. This is not a big problem …

Golang – Building Small Docker Images

Golang – Building Small Docker Images

January 4, 2019
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
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
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
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: …