The Angular router is a marvel of software engineering. It is based on simple axioms of web navigation. URL is nothing but a serialized tree. This means you can deserialize a URL into a tree that represents it. URL is the single source of truth for a web application (well…it…

Wouldn’t it be great if we could use the for…of loop to iterate over our own data structures? In this article, we will learn how to do this by creating our own Iterable Range and Queue data structures to understand iterables in JavaScript better. What is Iteration? One of the fundamental problems computers…

Since angular templates are actually transformed by the angular compiler to javascript, this transformation gives us access to sourceMaps. This allows us to actually add breakpoints to our angular templates! 🤯 Although using this technique is not perfect at the moment, it is definitely good to know about its existence. Structural Directive Breakpoints …

Have you ever wanted to rub scorpion chillies in your eyes while pressing the buttons on pedestrian lights multiple times? I have. Is it working? Does it know I want to cross the road? Panic! …

The *ngFor directive is great when repeating templates for iterables. But when it comes to simply repeating templates based on a number, you have to hack your way around it. Wouldn’t it be cool to be able to do something like this? Well, we can 🎉 Let’s write a…

A tutorial on how to batch promises using async generators in JavaScript. — Batching is great when you have to iterate over a collection and perform an expensive async task on each iteration. Async Generators make this very easy to implement. In this example, we will look at a simple chunk by chunk batching of arrays with a tweak-able concurrency limit (number of…

A guide on how you can solve event bubbling using RxJS subjects. — Have you ever wanted your app to behave differently on single-clicking and double-clicking? Sounds like an easy one to implement right? Wrong! The issue is that the browser interprets a double click as two single clicks and causes BOTH your event handlers to fire causing bloodshed and destruction 😭 We…

Sometimes we’d like to split third-party external styles or legacy styles into a separate CSS bundle on building our angular application. This can be done quite easily. Keep reading to know more. Including External Styles As commonly known, we can include any external styles in our angular application by adding it to the…