Parsing and mapping API response using zod.js
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 …
Latest Articles
See all the articles
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 …
Signals in Angular: deep dive for busy developers
Building complex user interfaces is a difficult task. In modern web applications, UI state is rarely comprised of simple standalone values. It’s rather a complicted computed state that depends …
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 …
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 News
See all the articles
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 …
Breakthrough in State Management – Discover the Simplicity of Signal Store, Part 1
Introduction The realm of Angular development is witnessing a transformative shift with the advent of @ngrx/signals, a tool that signifies a major step towards a functional approach in state …
Analog: a meta-framework for Angular
Analog is a full-stack meta-framework for Angular. It’s relatively new — its first release was in 2023 — as is the meta-framework concept in general. Many Angular developers are …
Guides
See all the articles
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 …
Angular micro frontends — a modern approach to complex app development
The micro frontend architecture is a well-known development approach, and has been one for a long time. It is often compared to the widely employed microservices paradigm found commonly …
Main partner
Community partners
