I was working on a library project and I realised having never really documented anywhere about the step by step creation of an angular library, both for my later reference and for you all. So, here I go! Before I start this blog post, I want to convey about an angular library codelab that I… Continue reading Step-by-step guide to creating your first library in Angular
Code Lab — Web Components using Angular Elements
Link to Code Lab: https://ng-codelab-webcomponents.netlify.com In this small blog post, I’ll walk through the code lab I created for learning how to create web components using Angular Elements, understanding the different web component specifications, and then being able to use them in some other frameworks. In the month of February, I will be speaking at… Continue reading Code Lab — Web Components using Angular Elements
The Angular Router – Trivandrum TechCon20
2020 started with the first Angular event on 25th of January of the year. This event, Trivandrum TechCon20 was organised as a part of 2020 twenty series in Thiruvananthapuram, Kerala, India. The event included multiple talks about Azure, .NET, Flutter, cognitive services from some great speakers. I spoke about the Angular Router and its lifecycle… Continue reading The Angular Router – Trivandrum TechCon20
Creating a LitElement
This is a very basic blog post on how to create a simple web component using Polymer LitElement. A web component is basically a view with functionality that you can reuse in any frameworks on any web page. Such a web component can then simply be used by just using the element as: <my-web-comp></my-web-comp> inside… Continue reading Creating a LitElement
New Angular Router features in versions 7, 8, and 9
When I published my book on Angular Routing, Angular 8 was not yet released. Some of the topics that I covered in my book are Router events, lazy loading etc. When I was implementing lazy loading as a demo for one of the chapters in the book, I was scratching my head. Now this was because I… Continue reading New Angular Router features in versions 7, 8, and 9
Creating framework-agnostic web components with Angular
Wait, framework-agnostic web components? What is that! Let us try to understand the meaning of this term by an example, apparently my own example. TL;DR This article shares about the need for web components, web component specifications, what are Angular elements, how can we create web components using Angular elements, and finally how we can we… Continue reading Creating framework-agnostic web components with Angular
Custom validation for your reactive forms?
When working with forms in Angular, we are provided with a choice. The choice is similar to the one between choosing tea or coffee. This choice is about choosing which types of forms we should use as per the requirement of our solution. And the two options that we get are: Template-driven forms Model-driven forms… Continue reading Custom validation for your reactive forms?
Lazy Loading in Angular 8
We all know lazy loading is one of the most useful concepts of Angular Routing, and for those of us who have been working with Angular, we know how it brings down the size of large files. This is done by lazily loading the files that are required occasionally. To start with lazy loading by… Continue reading Lazy Loading in Angular 8
A book on Angular Routing?
When I started my journey of learning Angular, the concept that captured my interest totally was the routing and navigation techniques in the framework. First of all, my basic understanding of web apps was that there are multiple pages and clicking on one element on a page would link to the next page having a… Continue reading A book on Angular Routing?
Angular Library with ng-packagr
NOTE: The article is relevant to the earlier versions of Angular and with the version 7 and above, we can create a library in Angular using the command ng generate library <library-name> . For more on this, refer to the documentation here: https://next.angular.io/guide/creating-libraries When you have a small application with three or more components, and they… Continue reading Angular Library with ng-packagr