First Look at Angular's new resource() and rxResource()

Опубликовано: 30 Октябрь 2024
на канале: Deborah Kurata

13,602

681

Angular signals haven't had great support for asynchronous operations, until now! Angular v19, coming out next month, introduces a new experimental API called resource(). And an rxjs-interop API called rxResource(). These features revolutionize how we handle our HTTP requests!

In this video, we take a first look at both resource() and rxResource() and how you can leverage them in your projects.

Links
Code: https://stackblitz.com/~/edit/resourc...

Code with extra features: https://stackblitz.com/~/edit/resourc...

YouTube video: "Angular Signals: What? Why? and How?":    • Angular Signals: What? Why? and How?

YouTube video: "Using toSignal and toObservable for RxJS interop":    • Using toSignal and toObservable for RxJS i...

Article: "Everything you need to know about the resource API": https://push-based.io/article/everyth...

Article: "Asynchronous Data Flow with Angular’s new Resource API": https://www.angulararchitects.io/en/b...

PR for resource: https://github.com/angular/angular/pu...

resource() source code: https://github.com/angular/angular/bl...

rxResource source code: https://github.com/angular/angular/bl...

Content
00:00 New features: resource() and rxResource()
00:35 resource()
01:41 rxResource()
03:25 Value Signal
04:56 Query Parameter
06:46 Multiple Query Parameters
08:26 resource() vs toSignal()
09:00 Updating the Data
10:38 Benefits of resource() and rxResource()
11:25 Wrap up

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).

View my YouTube content:    / @deborah_kurata
Contact me on Twitter:   / deborahkurata
Find my Pluralsight courses: https://www.pluralsight.com/profile/a...
Access my freeCodeCamp articles: https://www.freecodecamp.org/news/aut...

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#angular
#angularsignals
#angularstatemanagementwithsignals
#angularstatemanagement
#angulartutorials
#angularforbeginners
#angularbestpractices
#resource
#rxresource
#angularv19