Subscribe to my newsletter and never miss my upcoming articles

How to get an attribute value in Angular's components and directives

Sep 13, 20214 min read

Reading HTML Attributes Elements in HTML have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want. - MDN Docs For example: <input type="text"> <td colspan="3...

How to get an attribute value in Angular's components and directives

How to exclude stylesheets from the bundle and lazy load them in Angular?

Aug 23, 20212 min read

We will try to understand this by taking example of multiple themes support. Multiple theme files Let’s assume that apart from main styles.css file, you have 2 theme files present: src/styles/themes/theme-light.css src/styles/themes/theme-dark.css ...

How to exclude stylesheets from the bundle and lazy load them in Angular?

How to utilise JSDoc comment tags so that Visual Studio Code intellisense works great

Jul 16, 20215 min read

Types in JavaScript JavaScript is a loosely typed and dynamic language. Variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned (and re-assigned) values of all types: let foo = 42; // fo...

How to utilise JSDoc comment tags so that Visual Studio Code intellisense works great

How to use ControlValueAccessor to enhance date input with automatic conversion and validation

Jun 3, 20216 min read

Overall idea behind this article to explain and demonstrate the usage of ControlValueAccessor and Validator interfaces . The former is used to bind together a FormControl from Forms package and native DOM elements. The latter is used to implement val...

How to use ControlValueAccessor to enhance date input with automatic conversion and validation

Let's light it πŸ”₯ up!

Apr 23, 20212 min read

In previous post, we saw how amazing it is to use animation with wave πŸ‘‹ emoji! In this post, we will try to achieve the same for flame πŸ”₯ emoji! Below is the CSS code: :root { --flame-size: 100; } @keyframes flame-animation { 0%, 100% { o...

Let's light it πŸ”₯ up!

Different ways to run schematics from another schematics

Apr 15, 20217 min read

When we create schematics, we sometimes face a situation where we want to run other existing schematics from the same or external collection. In this article we will learn how to do it. A schematic is a code generator, which follows a set of instruct...

Different ways to run schematics from another schematics