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 …
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 …
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, …
In this article I would like to describe the approach solving some common problems related to data fetching in Angular. Let’s consider two scenarios where an API response might …
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 …
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 …
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 …
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 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 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 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 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 The simple way to reload data using RxJS
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 …
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 …
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 …
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 …
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 …
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 …
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, …
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 …
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 …
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 …
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 (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 …
