News
Angular Standalone API
Ditch NgModules with Angular Standalone components. Simplify your architecture, streamline lazy loading, and build leaner apps today.
2022
180 articles · page 1 of 8
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...
RxJS
Cypress – introduction
Streamline your Angular testing strategy with Cypress. Master end-to-end setups, avoid common pitfalls, and write more resilient tests.
State
NgRx Use Cases, part II: Working with Lists
Original cover photo by Glenn Carstens-Peters on Unsplash. In my previous article we covered...
RxJS
How to refactor to reactivity
I just finished rewriting an app from imperative code to completely reactive code. Here's the process I followed.
State
NgRx Effect vs Reducer vs Selector
Welcome to Angular challenges #2. The aim of this series of Angular challenges is to...
Change Detection
Overview over Angular’s repositories
I’ve been working with Angular for around 6 years now. It’s a great framework that I enjoy working...
Forms
Pushing Angular's Reactive Limits: Event Context & Toasts/Dialogs
I converted a component from an imperative approach using NgRx/Component-Store to a completely reactive approach. I added local state to an event's payload to keep local and global state separate. I also created a declarative toast wrapper component.