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
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 tutorials
Angular tutorials Lazy load stylesheets Authentication token interceptor Angular applications SEO improvement with social media customization
The simple way to reload data using RxJS
The simple way to reload data using RxJS Most of the time, we have to load data from the server. To perform the action client usually sends requests along …
How to exclude stylesheets from the bundle and lazy load them in Angular? – Angular Tutorials
How to exclude stylesheets from the bundle and lazy load them in Angular? Let’s learn how we can load stylesheets only when needed without making them part of the …
Angular applications SEO improvement with social media customization – Angular Tutorials
Introduction Scully is a static site generator for Angular projects which utilizes all of Angular's power but still gives all the SEO benefits that static sites offer. In this …
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
