Auxiliary Routes can be helpful for both technical and UX reasons: learn why and how to use them with Angular — Auxiliary Routes are independent, secondary routes that can be added to a page along with a primary route. As an example, we can have a side-menu that lives within the primary route with its own router-outlet: that’s an auxiliary route. Why are Auxiliary Routes useful? Why would you want to add auxiliary routes to your…

Six concepts every Angular developer should explore in-depth in order to master Angular and design well-architected applications. — Angular is one of the biggest frameworks around: it provides a lot of features out-of-the-box, which means there are quite a few concepts to be able to master if from top to bottom. There are six specific concepts I think every Angular developer should explore in-depth in order to master…

Learn how to implement the Intersection Observer API using Rx and Angular, and the use-cases where it can help your code be more performant and efficient. — Introduction The Intersection Observer API is a relatively new functionality in web browsers that can dispatch events when an element’s visibility status changes. This API allows for a variety of different use-cases that can help with creating more efficient and more performant applications.

An internal style guide for writing code is an important decision that any development team should define and agree on at some point, ideally early on in the project. — An internal style guide for writing code is an important decision that any development team should define and agree on at some point, ideally early on in the project. If you’ve been writing code professionally, you know very well how important style is for many, many developers. …

An overview of the available techniques to render large lists of items with Angular — Frameworks in 2020 got better, more efficient and faster. With that said, rendering large lists of items on the Web without causing the Browser to freeze can still be hard even for the fastest frameworks available. This is one of the many cases where “the framework is fast, your code…

An introduction to StencilJS: A compiler that generates web components. — What is StencilJS? StencilJS is a library for generating web components, built by the team behind the Ionic Framework. As you may know, when Ionic was initially released, it was built specifically for Angular. …

Is your app slow? Learn what to watch out when debugging poor performance in your Angular apps! — Introduction Angular is, by default, a fast and performant framework. While it leaves ample space for improvement by opting out some of its magic, we almost never have to do anything special to write extremely performant code for the average app. With that said, some difficulties will eventually arise when we…

Top favorite Angular libraries and tools you should definitely try. — Introduction Angular is a framework that boasts an incredibly rich ecosystem — with tooling built not only from the core team but also from the community. In this post, I want to list my favorite tools that I’ve had the pleasure to work with and that I would recommend anyone to…