Separating Dev and Prod Environment on Firebase

Separating Dev and Prod Environment on Firebase

February 16, 2019 | Maina Wycliffe

It is common for developers to setup multiple environments for our application. This usually include a development/staging and production …

#Firebase #Angular

Changing Angular Material Form Field Appearance

Changing Angular Material Form Field Appearance

February 4, 2019 | Maina Wycliffe

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 …

#Angular #Angular Material

Using OS Environment Variables in Angular (with Docker)

Using OS Environment Variables in Angular (with Docker)

January 13, 2019 | Maina Wycliffe

Angular has its way of handling different target environments, through angular environments files – which you can learn more about here. The issue …

#Angular #Docker

Golang – Building Small Docker Images

Golang – Building Small Docker Images

January 4, 2019 | Maina Wycliffe

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 …

#Docker #golang

Creating a Filter Method for Angular Async Pipe

Creating a Filter Method for Angular Async Pipe

December 13, 2018 | Maina Wycliffe

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 …

#Angular #Async Pipe

Angular Async Pipe – How to Handle Errors

Angular Async Pipe – How to Handle Errors

December 11, 2018 | Maina Wycliffe

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 …

#Angular #Async Pipe

Entry Components in Angular - What are they?

Entry Components in Angular - What are they?

December 7, 2018 | Maina Wycliffe

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 …

#Angular

Building a Simple Responsive App with Angular Flex Layout

Building a Simple Responsive App with Angular Flex Layout

December 5, 2018 | Maina Wycliffe

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 …

#Angular #Angular Flex Layout

Angular Flex Layout – Introduction & Getting Started

Angular Flex Layout – Introduction & Getting Started

November 19, 2018 | Maina Wycliffe

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 …

#Angular #Introduction #Angular Flex Layout

Building a Wrapper for Responsive Design for Angular Flex Layout

Building a Wrapper for Responsive Design for Angular Flex Layout

November 11, 2018 | Maina Wycliffe

Angular Flex Layout is designed to provide a comprehensive layout design using CSS Flexbox and Media Query. Unlike most other libraries, it doesn’t …

#Angular #Angular Flex Layout

How to Build Custom Pipes in Angular

How to Build Custom Pipes in Angular

November 6, 2018 | Maina Wycliffe

In simple terms, pipes allow us to write display value transformation right inside the template. Angular comes with stock or built in pipes to …

#Angular #Pipes

Angular Reactive Forms - Dynamic Form Fields using FormArray

Angular Reactive Forms - Dynamic Form Fields using FormArray

October 27, 2018 | Maina Wycliffe

In most cases, forms have constant form controls – remaining static throughout the lifetime of the form. But from time to time, you can find …

#FormArray #Reactive Forms #Angular #Angular CLI