Thank you for reading my blog posts, I am no longer publishing new content on this platform, you can find my latest content on my personal site - mainawycliffe.dev

Latest Articles & Lessons - Page 2

How to Create a Firebase Project

How to Create a Firebase Project

Posted Aug 16, 2019 | | By Maina Wycliffe | How To - Step by Step Guides
This is a step by step how to guide to show you how to create a new Firebase project. First, visit Firebase Console using this visiting the following URL - https://console.firebase.google.com. Login using your Google Account - if you are not already …
Read More

Flutter and GraphQL - How to Upload Files

Flutter and GraphQL - How to Upload Files

Posted Aug 12, 2019 | | By Maina Wycliffe | Flutter
In this post, I am going to show you how to upload files using GraphQL and flutter. To work with GraphQL in flutter, we are going to use graphql_flutter package, which has over 1000 stars on GitHub and I frequently contribute to. So, without further …
Read More

How to Add Async Validators to an Angular Reactive Form

How to Add Async Validators to an Angular Reactive Form

Posted Jul 22, 2019 | | By Maina Wycliffe | Angular
Occasionally, you may want to validate form input against data that is available asynchronous source i.e. a HTTP backend. For instance, checking if a username or email address exists before form submission. In Angular, you achieve this using Async …
Read More

Flutter - A Closer Look at How Pub Handles Dependency Versions

Flutter - A Closer Look at How Pub Handles Dependency Versions

Posted Jul 10, 2019 | | By Maina Wycliffe | Flutter
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 …
Read More

Customizing Angular App Behavior per Build Environment

Customizing Angular App Behavior per Build Environment

Posted Jul 2, 2019 | | By Maina Wycliffe | Angular
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 …
Read More

Flutter Building a Bottom Navigation Bar with "Flutter_Bloc"

Flutter Building a Bottom Navigation Bar with "Flutter_Bloc"

Posted Mar 28, 2019 | | By Maina Wycliffe | Flutter
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 …
Read More

Golang – Building a Graphql Server (Part 1)

Golang – Building a Graphql Server (Part 1)

Posted Mar 25, 2019 | | By Maina Wycliffe | Go (golang)
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, …
Read More

Working With Assets and Global Styles and Scripts in Angular

Working With Assets and Global Styles and Scripts in Angular

Posted Feb 25, 2019 | | By Maina Wycliffe | Angular
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 …
Read More

Separating Dev and Prod Environment on Firebase

Separating Dev and Prod Environment on Firebase

Posted Feb 16, 2019 | | By Maina Wycliffe | Angular
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 …
Read More

Changing Angular Material Form Field Appearance

Changing Angular Material Form Field Appearance

Posted Feb 4, 2019 | | By Maina Wycliffe | Angular
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 …
Read More

Using OS Environment Variables in Angular (with Docker)

Using OS Environment Variables in Angular (with Docker)

Posted Jan 13, 2019 | | By Maina Wycliffe | Angular
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. …
Read More

Golang – Building Small Docker Images

Golang – Building Small Docker Images

Posted Jan 4, 2019 | | By Maina Wycliffe | 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? …
Read More