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
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
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
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
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
Working in an application involving multiple components under different modules, there are scenarios where in you’d not want to fix another template for a simple functionality like a modal component, let’s say! For such components, we can actually build a dynamic component where in we would not need to render the template at the build… Continue reading Using a bootstrap modal as a dynamic component
Hey everyone! In around 10 days from today, I will be speaking at ng-Srilanka, the first ever Angular conference of SriLanka. I will be speaking on the topic “Creating Libraries in Angular” on 14th September, 2019, along with some other great speakers. The purpose of this blog post is to make sure you are well-versed… Continue reading ng-Srilanka: Good to knows before attending my talk
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?
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?
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