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 (✉️)
5 Visual Studio Code Extensions for Angular
Visual Studio Code or VSCode is one of the best text editors out there. It is feature rich out of the box and has a lot of extensions which are easy to install. If you are an Angular developer using Visual Studio Code, you might want to consider the …
Read MoreWhat I learned when I switched to Angular Material from Bootstrap
A couple months ago, I was having a debate on whether I should switch from Bootstrap to Angular Material. I have used Bootstrap for a very long time and was totally comfortable using it on all my projects. If you are not aware, Angular material is a …
Read MoreComponents Comparison Between Angular Material and Bootstrap Framework
Today, we are going to compare the components in Angular Material and Bootstrap Framework. This comparison is meant to help you decide on whether to go with bootstrap or angular material for your application. Bootstrap provides a nice looking, …
Read MoreIs Angular Flex Layout (with Angular Material) Better than Bootstrap for Responsive Layout?
First before I can say anything else, I want to express my huge respect and love for Bootstrap. I am not writing this to bash bootstrap in any way, in fact bootstrap is one of the most robust frontend framework I have ever used. A few years ago, …
Read MoreNgRev – Analyze and Profile your Angular App
NgRev is a graphical tool designed to reverse engineer your Angular application. It is not a browser extension like Augury, but a standalone software available for MacOS, Windows and Linux. It does a static code analysis of your application and …
Read MoreAugury – A Tool to Debug and Profile your Angular App
Augury is an open source tool available to Google Chrome that was developed by Google in conjunction with Rangle.IO for debugging and profiling your Angular application. Augury will provide detailed insights of your application structure and how …
Read MoreAngular 5 – Handling Token Based Authentication
Token based authentication is popular for single page applications. A token is a security code issued by a server for authenticating and identifying users. When a user login to the system or application, the servers issues a token that expires after …
Read MoreHow to build a HTTP Interceptor in Angular 5
Introduction A HTTP Interceptor enables you to catch HTTP requests and responses so that you can modify them. It is very useful especially when you want to add extra headers to all outgoing requests or catch error responses from the server. One use …
Read MoreImage Sliders and Carousels for Angular 4
Web developers require from time to time to create different types of images sliders and carousel in their apps. Most developers coming from jQuery and other plugin tend to want to use the tools they are already familiar with – like that amazing …
Read MoreHow to upgrade your Angular 4 App to Angular 5.0
Angular 5 was finally released earlier this week after several delays. It brings a lot of improvements over Angular 4 and new features as discussed in my previous post here. On top of Angular 5, Angular CLI v1.5 was also released. So, today I will …
Read MoreAngular 5 has been released
Angular 5 was finally released after several delays yesterday, November 1, 2017. It was also accompanied by Angular CLI 1.5. This is a major release and in line with Angular team promise of major releases twice a year. It focusses on making Angular …
Read MoreHow to setup Yarn Package Manager for Angular (Updated)
Last week, I briefly touched on Yarn Package Manager in my post about 5 must have tools for angular developer. Yarn Package Manager – simply referred to as Yarn – was developed by Facebook as a replacement for Node Package Manager (NPM). Yarn has …
Read More