Latest on Angular inDepth

The journey from SASS based theming to CSS3 variables for Angular app and its libraries.

Visual regression testing is a robust technic that improves our suite of tests, by literarily taking a screenshot of an element, component, or page in a determined state and then use it to compare the latest state of that element.

Here I will walk you through a step-by-step guide on how to lazy load the common styles specific to a feature module.

Ever since mobile devices became capable of accessing the web, it became obvious that not all web pages are usable on a small screen. Today most websites implement responsive design, but often at a cost of extra DOM. This post will show you how to solve that last step in Angular.

In Angular apps, the immutability term is mostly mentioned when you deal with the OnPush change detection strategy. Mutable update patterns may not only prevent you from taking advantage of narrowing a components tree subjected to the change detection, but it also leads to hard to spot bugs/gotchas.

Exploring some handy features provided by Angular Router

Angular CLI v8.0.0 brought us a stable CLI Builders API, which allows you to customize, replace, or even create new CLI commands. Maybe make your own? Challenge Accepted!

The second (and final) part of the step-by-step tutorial on how to implement your own structural directive for binding an Observable to the Angular view.

Part one of the step-by-step tutorial on how to implement your own structural directive for binding an Observable to the Angular view.

A quick guide to using SCSS in an Angular application that was scaffolded to use the default stylesheet format.

The main idea behind the Angular push pipe is a new way of handling change detection locally instead of the global handling used in async pipe by Angular natively. It is implemented in a way we can get zone-less performance in zone-full applications.

Angular is declarative in nature. Learn how to make your code adhere to this approach by eliminating internal manually managed states & optimize performance

In this article, I am going to start with very basic Angular schematic implementation and slowly build the code for this complete angular-tailwindcss-schematics project. At each milestone, I will share the git commit link to check the code and files at that stage and also explaining the step.

The RouterScroller entity is a very interesting part of the Angular Router. In this post, we're going to have a look at how it works, what makes its features possible and how it can be configured, depending on the developer's needs.

We will explore to use charts in angular with high level of customizations using ng2-charts.

Angular CLI schematics offer us a way to add, scaffold and update app-related files and modules. In this article I will guide you through some common but currently undocumented helper functions you can use to achieve your goal.

Schematics are a great tool to standarize patterns, enforce best practices, and make sure repositories across large organizations, by automating certain implementations. We have extensively discussed this in previous posts, but now we will demonstrate this in practice.

Often when we are using JavaScript techniques inside Angular, we almost forget about the framework’s features. Let's utilize them.

In this series of posts we will acquire the necessary knowledge to write a first schematic, extend them, validate them and publish them to npm with ng-add support!

In the previous posts we read an overview of what schematics are and what they're used for, the important vocabulary to follow the next posts, as well as a quick reference to the most important and useful methods from the Schematics API.