Thank you for reading my blog posts, I am no longer publishing new content on this platform. You can find my latest content on either mainawycliffe.dev or All Things Typescript Newsletter (✉️)
Deploying Angular 6 and Above Apps to GitHub Pages
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 can use to host client-based apps. You can host things like demos, portfolios, documentations etc. You …
Read MoreAngular CLI v7 – CLI Prompts and Generating Barebone Angular Project
Angular 7 was officially released this week, with lots of new features. Apart from being officially released, nothing else (feature wise) has changed since my last post on Angular 7. In this post, we will look at CLI Prompts and Generating a Minimal …
Read MoreProgressive Web Apps (PWAs) in Angular – Part 2
Google Chrome version 70 was released earlier this week. Among other features, it added support Progressive Web Apps (PWAs) on desktops. This give me an idea for this post where we are going to dive a little bit deeper into PWAs. If you are new to …
Read MoreAPP_INITIALIZER – Tapping into Initialization Process in Angular
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 that is by looking at my previous post, which can be found here. It was about angular environment …
Read MoreA Better Approach to Environment Variables in Angular
Angular provides a default way to configure environment variables, which you can learn more about here. But in a nutshell, you have different environment files, where you store environment variables and during the build process, angular compiler will …
Read MoreCreating Reusable Components in 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 MoreAngular Material 7 and CDK News and Updates
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 are separate packages, they often go hand in hand, as Angular Material relies on some packages found in …
Read MoreA Closer Look at the Drag and Drop Feature for Angular 7 CDK
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 closer to the release of Angular 7, so it is only fair to see what is in store for us. You can learn more …
Read MoreUsing App Shell to Improve Performance – Angular 6
Angular apps take time to show meaningful content to the user. This time is mainly after loading the index.html page and bootstrapping the app. This is especially worse on lower end devices or slower networks, where it takes longer to get the all …
Read MoreRole Based Authorization in Angular – Route Guards
In this post, we are going to use Route Guards to determine which user can and can not access certain pages. It is common to have multiple user roles such as guest, author, editor, admin for a blogging site such as this one. Therefore, it is …
Read MoreDocker Compose - Angular Multi Environment Deployments
In a previous post, we covered how to use multiple dockerfile to target different environments for an angular app. In this post, we are going to take things a bit further along using docker compose. We shall use multiple docker compose configuration …
Read MoreAttaching Authorization Token Headers in Angular 6
In a previous post here, we looked at how to intercept HTTP unauthorized responses, and refresh authorization tokens and resend the original request, with the new authorization token. This had me thinking, what if you wanted to be more proactive. In …
Read More