Declarative & Reactive Angular Resource Signal Server-State Management [EN]

By using only signal & resource / httpResource / rxResource provided by Angular, we can build an optimized, reliable, scalable, and clean server-state management solution. What does server-state management mean? For me, it mainly means being able to know the loading status of a request to the backend. For example, when fetching a list of users, I want to know if the data is loading, loaded, or if an error occurred. Similarly, when updating a user, I want to know the loading state of the user update operation. Thanks to the new resource methods introduced by the Angular team, we can now track the loading status of each action (request) we implement. First, I will introduce the minimalist solution I developed, explain how to use it, the limitations of what can be done, and finally detail the internal workings of the tool and the challenges I faced. How to use server-state management with Angular's resource?

Apr 21, 2025 - 13:57

Declarative & Reactive Angular Resource Signal Server-State Management [EN]

By using only signal & resource / httpResource / rxResource provided by Angular, we can build an optimized, reliable, scalable, and clean server-state management solution.

What does server-state management mean?

For me, it mainly means being able to know the loading status of a request to the backend.

For example, when fetching a list of users, I want to know if the data is loading, loaded, or if an error occurred.

Similarly, when updating a user, I want to know the loading state of the user update operation.

Thanks to the new resource methods introduced by the Angular team, we can now track the loading status of each action (request) we implement.

First, I will introduce the minimalist solution I developed, explain how to use it, the limitations of what can be done, and finally detail the internal workings of the tool and the challenges I faced.