Angular

Lazy Loading Scripts and Styles in Angular

Lazy Loading Scripts and Styles in Angular

August 4, 2018
In my earlier post, I covered about lazy loading of angular modules. In this post, I will cover lazy loading of scripts and styles, both external and local. The goal of this post is to show how you can defer loading of a script or style and load it manually later when you need. …

Working with Environment Variables in Angular 6

Working with Environment Variables in Angular 6

August 2, 2018
It’s common for developers to have multiple application versions that target different environments i.e. development and production. It’s common that each environment will have some unique environment variables i.e. API Endpoint, app version etc. Angular provides environment …

Top VSCode Extensions for Angular Developers

Top VSCode Extensions for Angular Developers

July 30, 2018
Since the release of VSCode a few years ago, it has become very popular among developers. VSCode is my favorite text editor and use it every day for almost all my projects. The only exception are projects related to Machine Learning where Notebook Style IDEs’ are more suitable. …

UI Libraries and Frameworks for Angular 6

UI Libraries and Frameworks for Angular 6

July 27, 2018
UI Libraries and Frameworks make it easier for developers to build clean and consistent User Interfaces (UI). They provide components, utilities for common use within your Application. Some UI Libraries provide you with the freedom to switch things up using themes. While other …

Angular – Managing Authentication State Using NGXS

Angular – Managing Authentication State Using NGXS

July 25, 2018
Managing an apps Authentication State is a vital task that as Single Page App (SPA) developers, have to handle very often. It’s every developers goal to provide a consistent user experience in your application, depending on whether they are signed in or not. In this post, we …

Angular Tips to Improve your Development Experience

Angular Tips to Improve your Development Experience

July 23, 2018
Developing web apps using Angular and other frameworks and languages can be sometime a daunting task. You need to write thousands of lines of code and sometime rewrite countless times some of them, to achieve a common goal. Today, I am going to share some Tips to make your …

A Guide for Building Angular 6 Libraries

A Guide for Building Angular 6 Libraries

July 21, 2018
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 top of that, I will show you …

Angular 6 – Introduction to Progressive Web Apps

Angular 6 – Introduction to Progressive Web Apps

July 14, 2018
Earlier this week, I wrote a post about optimizing your angular application using lazy loading. In this post, I will focus on Progressive Web Apps to further improve the performance and user experience. Introduction The main goal of Progressive Web Apps (PWAs) is to provide a …

Optimizing your Angular App using Lazy Loading

Optimizing your Angular App using Lazy Loading

July 8, 2018
Lazy loading is a technique where you defer loading of content until such a time it’s needed. In single page apps (SPA), usually the whole web app is loaded initially before rendering can even begin. This includes sections of the web app that a user doesn’t need immediately or …

Using custom date formats for Angular Material Date Picker

Using custom date formats for Angular Material Date Picker

July 3, 2018
Angular material has a very nice date picker but while its functionality can accommodate a lot of developers, sometimes it just falls short. For instance, I find it very inflexible when dealing with date formats. While I understand that it’s nice to have a common date format …

Angular 6 - Angular CLI Workspaces

Angular 6 - Angular CLI Workspaces

June 2, 2018
One of the least talked about features of Angular 6 is Angular CLI Workspaces. Workspaces or Angular CLI Workspaces give angular developers the ability to have more than one project in one workspace. This brings all your projects under the same workspace. This is not limited to …

Automate Deployment of Angular Apps using AWS CodeBuild

Automate Deployment of Angular Apps using AWS CodeBuild

May 10, 2018
Building and deploying Angular app is very time consuming, especially with large application. You also must keep track of which branch you are deploying to which environment and a little mix-up could be catastrophic. You can smoothen the building and deployment of your …