Angular Facade Pattern
What is the Facade pattern? The Facade Pattern is a structural design pattern that provides a simplified interface to a complex subsystem or a set of subsystems. By providing …
Latest Articles
See all the articles
Dynamic Configuration: Leveraging APP_INITIALIZER
In Angular applications, there are two main approaches to handling configuration settings: using environment.ts files and using the APP_INITIALIZER token. At first glance, both methods seem to do the …
Angular.love joins Forces with Angular in Depth to bring you the best Angular on the web!
We are very excited to announce that we are joining forces with Angular in Depth. Through this collaboration, all articles from Angular in Depth will also be available on …
Angular for Everyone: How to Adapt Applications for People with Disabilities
Introduction As you all can see, websites and web applications are an integral part of our lives. Millions of people around the world use them as tools to communicate, …
Recommended Articles
Angular Storybook
Consider User Interface (UI) as an independent standalone layer made of small and reusable blocks -> first class citizens of every Angular app. Such an approach is called Component …
All you need to know to jumpstart with NGXS
I bet you’ve already heard/read about state management. If not, I bet again that you want your applications to be easier to maintain/extend. Of course, having state management in …
Angular & Dependency Inversion Principle
Introduction This is the last article of the series about SOLID. It is a set of principles that allows us to write a code which is easier to scale …
Angular In Depth
See all the articles
switchAll – RxJS Reference
switchAll switchAll takes a source observable that produces other observable streams. Such observable is called higher-order observable and the streams emitted as values are called inner observables. The operator …
mergeMap – RxJS Reference
mergeMap mergeMap operator is basically a combination of two operators – merge and map. The map part lets you map a value from a source observable to an observable …
exhaustMap – RxJS Reference
exhaustMap exhaustMap operator is basically a combination of two operators – exhaust and map. The map part lets you map a value from a higher-order source observable to an …
filter – RxJS Reference
filter filter emits all items received from the source observable that satisfy a specified comparison function known as the predicate. The idea is very similar to the standard filter …
combineLatest – RxJS Reference
combineLatest combineLatest allows to merge several streams by taking the most recent value from each input observable and emitting those values to the observer as a combined output (usually …
RxJS Tutorials
RxJS tutorials The simple way to reload data using RxJS
Angular News
See all the articlesAngular.love joins Forces with Angular in Depth to bring you the best Angular on the web!
We are very excited to announce that we are joining forces with Angular in Depth. Through this collaboration, all articles from Angular in Depth will also be available on …
The most important new features introduced by TypeScript 5.5
Like many things, Typescript still expands to provide the best possible solution and to make the development process smoother. Let’s review what has been changed and how we can …
Angular: Template @let Variable, Hot or Not?
The recent annoncement of the @let block in Angular has sparked significant debate within the developer community. While some view it as a valuable addition, others see it as …
Angular Router – everything you need to know about
Routing in Angular is a critical feature that enables the creation of dynamic, single-page applications (SPA). This mechanism allows seamless navigation between different views within the application without requiring …
Angular 18 – what’s new?
Team Angular is not slowing down. Version 18 of the framework enhances functionalities introduced in previous versions. Emphasis is placed on further integration of signals and preparation for the …
Changes in Typescript 5.3
TypeScript 5.3 is not a revolution but an evolution. The new TypeScript version provides a few important changes in key areas for developers, such as type narrowing and performance …
Guides
See all the articlesAngular for Everyone: How to Adapt Applications for People with Disabilities
Introduction As you all can see, websites and web applications are an integral part of our lives. Millions of people around the world use them as tools to communicate, …
Learn How to Unit Test the Deferrable Views
The deferrable views (a.k.a @defer block) is a new Angular feature where we can declaratively lazy load a part of our HTML. In other words, we can select which …
Signal Store & NGXS: Elevating Flexibility in State Management
Since the introduction of signals in Angular, it has opened new opportunities to build new APIs around it, including state management. The best solution for that was built by …
How To Optimize Your Angular Bundle Size
The size of your application bundle significantly affects user experience. With so many libraries available in npm, it’s easier than ever to ruin the application’s performance by bloating its …
How to use Angular’s defer block to improve performance?
It’s crucial to ensure a pleasant user experience – especially when users are waiting for something to happen. In such instances, having a placeholder or a loading indicator can …
Dependency Injection in Angular – everything you need to know
Dependency Injection (DI) is one of the most important mechanisms in Angular. This pattern allows for inversion of control by passing instances of requested dependencies to the class instead …
Main partner
Community partners
