RxJS
Overview of Angular’s Change Detection operations in Ivy
Master Ivy’s inner workings by exploring Angular’s change detection operations to write more efficient, predictable application code.
Latest articles
1,831 articles · page 41 of 77
News
Angular 15 (14+) – what’s new?
Master Angular 15 features like standalone APIs, directive composition, and functional guards to write cleaner, more efficient code.
Signals
Angular Internals: How Reactivity Works with Zone.js
This article is an advanced look at how Angular works under-the-hood. The contents within may not be...
Components
Help, my Angular bundle is growing
When building an Angular application, things are usually pretty smooth. However, as time goes by and...
Components
AnimationRenderer: listening and playing
In the first two articles of this series we learned how AnimationRendererFactory generates its...
Router
Create a custom Structural Directive to manage permissions
Welcome to Angular challenges #6. The aim of this series of Angular challenges is to...
News
Angular Standalone API
Ditch NgModules with Angular Standalone components. Simplify your architecture, streamline lazy loading, and build leaner apps today.
State
Angular registering animation triggers
This post keeps digging into AnimationRendererFactory creation routine, with a focus on triggers...
Tooling & CLI
Interview: Micro Frontends and Module Federation at Cube Bikes
Cube Bikes reduced build times to 1/4 by switching to Micro Frontends and Module Federation.
State
Discover the power of @Ngrx/component-store to create a Local Component State
Welcome to Angular challenges #5. The aim of this series of Angular challenges is to...
Performance
Import Maps – The Next Evolution Step for Micro Frontends?
Future-proof Module Federation with browser technologies
Components
AnimationFactory: how Angular creates animation renderers
This article is intended to be the beginning of a short series about Angular transition animations...
News
Typed Forms
Eliminate runtime errors and manual type casting in Angular forms. Master Typed Forms to ensure type safety and cleaner code today.
Dependency Injection
Mastering Injectable Services: A Comprehensive Guide
In Angular, the @Injectable decorator is used to create services that can be provided to other...
Testing
Anatomy of Angular Builders
Essentially, Angular builders are NodeJS scripts executed by Angular CLI and perform different tasks like application build, running unit tests, and many other useful things. Even if you hear first time about them, in fact, you use them every day without even knowing that. In this article, I wanted
State
Publishing your first library with NX on NPM
Recently I decided to publish my first library on NPM. The library enhances @Ngrx/component-store to...
Components
NgTemplateOutlet Typed Checking (Part 2)(Inline)
In my previous article, we saw how to strictly type-check the NgTemplateOutlet when it is used on a...
Components
NgTemplateOutlet Typed checked (with @ContentChild)
Welcome to Angular challenges #4. The aim of this series of Angular challenges is to...
Signals
I changed my mind. Angular needs a reactive primitive
Angular developers have waited 7 years for better integration with RxJS, but this doesn't seem to be happening. This made me angry at first, but after a lot of thinking and talking with other developers, I now believe that a reactive primitive could provide an overall better developer experience tha
Components
Directive Type Checking
Directives are a very powerful tool that we should master to improve our Angular skills. Typescript...
Dependency Injection
Always use "inject"
Original cover photo by Markus Spiske on Unsplash. Introduction Starting from Angular...
Router
How to show or hide component on basis of url in Angular.
As a Frontend developer,You come across a situation where you have to show a component only if you...
Router
How To Use Functional Router Guards in Angular
Today I was talking with my friend Leifer, and he asked me some about Functional Guards in Angular...
Components
Extending NgFor to support Empty use case
Welcome to Angular challenges #3. The aim of this series of Angular challenges is to...