Enabling Hot Module Replacement (HMR) in Angular 6

Enabling Hot Module Replacement (HMR) in Angular 6

August 31, 2018 | Maina Wycliffe

Hot Module Replacement (HMR) is a key webpack feature that is not enable by default in Angular. It allows for modules to be replaced without need …

#Angular #Webpack #Angular 6

Building Docker Images for Deploying Angular Apps

Building Docker Images for Deploying Angular Apps

August 29, 2018 | Maina Wycliffe

In this post, we are going to look at how to deploy an angular app using docker. Docker containers can be used to simplify the process of …

#Angular #Docker

Logging HTTP Errors in Angular 6

Logging HTTP Errors in Angular 6

August 26, 2018 | Maina Wycliffe

In my last post, I looked at how you can use HTTP Interceptors to attach and refresh authorization tokens. In this post, we are going to use the …

#Angular

Refreshing Authorization Tokens – Angular 6

Refreshing Authorization Tokens – Angular 6

August 22, 2018 | Maina Wycliffe

In this post, we are going to build a http interceptor for refreshing authorization tokens once expired. The idea here is to be able to intercept …

#Angular #Authentication

Getting Started with Debugging Angular Apps in VSCode

Getting Started with Debugging Angular Apps in VSCode

August 20, 2018 | Maina Wycliffe

In this post, I am going to show you how to get started with debugging angular apps in VSCode. We shall target Firefox, Chrome and Microsoft Edge. …

#Angular #VSCode

How to build an image cropper form control in angular

How to build an image cropper form control in angular

August 17, 2018 | Maina Wycliffe

In an earlier post, I demonstrated how to build an extremely simple custom form control. Today, I have decided to try to up the stakes. We are going …

#Angular 6 #images

Angular Material Autocomplete with HTTP Lookup

Angular Material Autocomplete with HTTP Lookup

August 15, 2018 | Maina Wycliffe

In this demo, we will build an angular autocomplete component that gets autocomplete suggestions from a http service such as a REST API. The idea …

#Angular #Angular Material

Lazy Loading Images in Angular 6

Lazy Loading Images in Angular 6

August 13, 2018 | Maina Wycliffe

In most web apps, images form a huge chunk of the size of the content. If you had, let’s say over 50 images with each having 100Kbs (after …

#Angular #Lazy Loading

Options for Deploying Angular Apps

Options for Deploying Angular Apps

August 10, 2018 | Maina Wycliffe

We all develop application so that other people can use them, it’s not different for Angular apps. In this post, I will focus on options for …

#Angular

How to Build a Custom Form Control in Angular

How to Build a Custom Form Control in Angular

August 10, 2018 | Maina Wycliffe

As a developer, sometimes you are required to take some inputs from a form control and do some preprocessing before submitting – commonly on the …

#Angular #Angular6

Angular Reactive Forms – Building Custom Validators

Angular Reactive Forms – Building Custom Validators

August 8, 2018 | Maina Wycliffe

Angular has built-in input validators for common input validation such as checking min and max length, email etc. These built-in validators can …

#Angular #Angular 6 #Reactive Forms

SVG/Webfont Icon Packs for your Angular App

SVG/Webfont Icon Packs for your Angular App

August 6, 2018 | Maina Wycliffe

If you are looking to improve your web app both visually and functionally, icons are a very good place to start. Icons if applied correctly, are …

#Angular #Icons #WebFonts #SVG