Angular 19.2: New httpResource for HTTP Requests (First Look)
Angular 19.2 introduces httpResource, a new lightweight way to make HTTP requests. This new kind of resource extends the primitive resource, making it easier to fetch data reactively using signals. In this video, you'll learn how to use httpResource(), how it works, and what options can be used, including HTTP headers.
I use visual explanations with animations to quickly, clearly, and pleasantly explain all the key details about this new feature in Angular 19.2.
🚀 Is httpResource a replacement for HttpClient?
No, httpResource provides a convenient way to perform simple HTTP requests to retrieve data. For more complex cases, we should still use resource/rxResource or HttpClient.
Timestamps
0:00 What is the new httpResource?
0:36 URL as a string, function or object
0:54 Request options
1:07 httpResource and signals (reactive request)
2:44 JSON as default response
3:21 Demo example
4:00 Additional formats
4:21 Default Value & Structure of Received Data
Note: httpResource is an experimental feature and may change in future updates.
⚠️ Since Angular 20, httpResource has an important change: you can no longer pass a string URL or a request options object directly. It must be a function. 👉 Full explanation: • Angular 20: Resource API Changes — What Yo...
Thanks to the @Angular Team for the new feature.
ℹ️ Source: https://github.com/angular/angular/pu...
☕️ Donation: / igorsedov
Follow me on:
▪️Twitter: / theigorsedov
▪️LinkedIn: / igorsedov
▪️Bluesky: https://bsky.app/profile/igorsedov.com
▪️Instagram: / theigorsedov
Website: https://igorsedov.com
Email: [email protected]
#angular #angular19 #httpResource