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

How to Modify the UI Based on User Role in Angular

How to Modify the UI Based on User Role in Angular

October 24, 2018 | Maina Wycliffe

In today’s post, we are going to see how to modify the User Interface (UI) based their user role. This is useful if you wish to display different UI …

#Angular #NGXS

Deploying Angular 6 and Above Apps to GitHub Pages

Deploying Angular 6 and Above Apps to GitHub Pages

October 21, 2018 | Maina Wycliffe

In this post, I am going to show you how to deploy angular apps to GitHub pages. You can think of GitHub pages as a free hosting platform that you …

#Angular #Github Pages

Angular CLI v7 – CLI Prompts and Generating Barebone Angular Project

Angular CLI v7 – CLI Prompts and Generating Barebone Angular Project

October 19, 2018 | Maina Wycliffe

Angular 7 was officially released this week, with lots of new features. Apart from being officially released, nothing else (feature wise) has …

#Angular #Angular 7 #Angular CLI

Progressive Web Apps (PWAs) in Angular – Part 2

Progressive Web Apps (PWAs) in Angular – Part 2

October 18, 2018 | Maina Wycliffe

Google Chrome version 70 was released earlier this week. Among other features, it added support Progressive Web Apps (PWAs) on desktops. This give …

#Angular #PWAs

APP_INITIALIZER – Tapping into Initialization Process in Angular

APP_INITIALIZER – Tapping into Initialization Process in Angular

October 14, 2018 | Maina Wycliffe

In this post, we are going to look at how we can use APP_INITIALIZER in Angular. So, what exactly does APP_INITIALIZER do? The best way to answer …

#Angular #Angular CLI

A Better Approach to Environment Variables in Angular

A Better Approach to Environment Variables in Angular

October 12, 2018 | Maina Wycliffe

Angular provides a default way to configure environment variables, which you can learn more about here. But in a nutshell, you have different …

#Angular #Angular CLI

Creating Reusable Components in Angular

Creating Reusable Components in Angular

October 9, 2018 | Maina Wycliffe

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 …

#Angular #Angular 6

Angular Material 7 and CDK News and Updates

Angular Material 7 and CDK News and Updates

October 5, 2018 | Maina Wycliffe

In this post, we are going to take a closer look at changes we expect on both Angular Material 7 and Content Development Kit(CDK). While this two …

#Angular #Developers

A Closer Look at the Drag and Drop Feature for Angular 7 CDK

A Closer Look at the Drag and Drop Feature for Angular 7 CDK

October 3, 2018 | Maina Wycliffe

In this post, we are going to take a close look at the drag and drop feature coming to Angular 7 Content Development Kit (CDK). We are getting …

#Angular #Angular CDK #Angular Material