Articles and Lessons tagged with Angular 6

Creating Reusable Components in Angular

Creating Reusable Components in Angular

Posted Oct 9, 2018 | | By Maina Wycliffe | Angular
In this post, we are going to look at tips you can use to make your components more reusable. Reusing components allows developers to avoid code duplication, which can introduce errors and bugs and are also hard to troubleshoot. Take for instance a …
Read More

Cool Password Validation – Angular Reactive Forms

Cool Password Validation – Angular Reactive Forms

Posted Sep 18, 2018 | | By Maina Wycliffe | Angular
In this post, we are going to be creating a simple signup form, with email, password and confirm password controls. We will then validate the data to ensure it fulfills our requirement before a user can submit the form. We are going to enforce the …
Read More

Angular CdkTable – Working with Tables like A Pro – Part 1

Angular CdkTable – Working with Tables like A Pro – Part 1

Posted Sep 10, 2018 | | By Maina Wycliffe | Angular
Angular Component Development Kit (CDK) is a set of un-opinionated developers’ tools to add common interaction behavior to your angular UI with minimal effort. It mainly offers some of the tools found in Angular 2 Material, but with the freedom to …
Read More

Angular Hidden Treasures – Features you might know About

Angular Hidden Treasures – Features you might know About

Posted Sep 4, 2018 | | By Maina Wycliffe | Angular
In this post, we are going to look at four important features in angular that can help you during your app development life cycle. These features are there but are mainly not openly advertised unless you go out looking for them. This is not because …
Read More

Enabling Hot Module Replacement (HMR) in Angular 6

Enabling Hot Module Replacement (HMR) in Angular 6

Posted Aug 31, 2018 | | By Maina Wycliffe | Angular
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 for a full browser refresh. This allows you to retain much of the application state, usually lost when …
Read More

How to build an image cropper form control in angular

How to build an image cropper form control in angular

Posted Aug 17, 2018 | | By Maina Wycliffe | Angular
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 to build an image cropper and package it as a form control which is ready to be used in any of our …
Read More

Angular Reactive Forms – Building Custom Validators

Angular Reactive Forms – Building Custom Validators

Posted Aug 8, 2018 | | By Maina Wycliffe | Angular
Angular has built-in input validators for common input validation such as checking min and max length, email etc. These built-in validators can only take you so far, at some point you might need to build a custom validator. In this post, I will …
Read More

A Guide for Building Angular 6 Libraries

A Guide for Building Angular 6 Libraries

Posted Jul 21, 2018 | | By Maina Wycliffe | Angular
In an earlier post, I wrote about Angular CLI Workspaces, a new feature in Angular 6 that allows you to have more than one project in a single workspace (Angular CLI environment). In this post, I will show you how to create angular 6 Libraries. On …
Read More