Angular Signals & the new resource & rxResource methods for Efficient Data Fetching (First look)

preview_player
Показать описание
Learn how to use Angular 19's powerful resource and rxResource methods to simplify data fetching in your Angular applications. This tutorial covers everything from basic setup to advanced error handling and RxJS integration. Whether you're new to Signals or an experienced Angular developer, this video will provide valuable insights and practical tips.

Timestamps:
00:00:00 - Introduction to Angular Signals and Data Fetching
00:01:12 - Project Overview: Linked Signals Example
00:02:25 - Code Walkthrough: Components, Services, and Signals
00:04:57 - Refactoring with resource: Simplifying Data Retrieval
00:06:20 - Typing with Generics: Ensuring Type Safety with resource
00:08:00 - Error Handling with resource: Graceful Degradation
00:11:20 - Demo: resource in Action (Network Throttling Example)
00:13:40 - Exploring rxResource: Integration with RxJS Observables
00:16:40 - Comparison: resource vs. rxResource - Which One to Use?
00:18:30 - Code Cleanup: Conciseness and Readability
00:19:30 - The Future of Signals and Data Fetching in Angular
00:20:45 - Using the Angular Cookbook for More Advanced Examples
00:21:30 - Conclusion and Next Steps
  1. Code with Ahsan
  2. Angular 19
  3. Angular Signals
  4. Signals
  5. rxResource
  6. resource
Рекомендации по теме
Change detection and 0:03:07

Change detection and Angular signals in Angular v16

Angular Signals: The 0:15:22

Angular Signals: The Complete Guide

Getting started with 0:11:03

Getting started with Angular Signals

Why didn't the 0:08:15

Why didn't the Angular team just use RxJS instead of Signals?

Here's what I've 0:08:33

Here's what I've figured out about Angular signals

Angular Model - 0:12:52

Angular Model - The New Signal-Based 2-way Data Binding

Why Angular Signals? 0:14:25

Why Angular Signals? Write Your First Signal

Angular is back 0:03:48

Angular is back with a vengeance

Angular v19 new 0:05:44

Angular v19 new updates | Angular course announcement | Part 00

Input Signals in 0:14:34

Input Signals in Angular 17.1 - How To Use & Test

Learn Angular Signals 0:10:02

Learn Angular Signals - The Future of State Management

🚦NEW Angular Signals 0:00:56

🚦NEW Angular Signals model() Inputs: They Are Actually Writeable Inputs❗

Angular 18 is 0:09:15

Angular 18 is EXACTLY what we needed

First Look at 0:05:38

First Look at Angular's new linkedSignal()

Learn Angular Signals 0:01:00

Learn Angular Signals in 1 Minute

Angular Signals: What? 0:27:08

Angular Signals: What? Why? and How?

Angular 17 - 0:00:16

Angular 17 - What's New - Stable Signals #shorts

Angular's New Signal 0:10:48

Angular's New Signal Inputs

A Redux-like Pattern 0:17:51

A Redux-like Pattern for Managing State with Angular signals

The latest on 0:05:22

The latest on Zoneless in Angular v18

Angular Signal Input 0:06:24

Angular Signal Input Output and Query (ViewChild)

Ultimate Angular 18 2:50:35

Ultimate Angular 18 Signals Guide: Learn Everything from Scratch

Angular Signals & 0:19:53

Angular Signals & the new resource & rxResource methods for Efficient Data Fetching (First l...

Angular's new linkedSignal() 0:09:18

Angular's new linkedSignal() - First look

Комментарии
Автор

As an extensive rxjs user, I find the rxResource method much more easier and intutive to use in my daily routine. Thanks for the great explanation. Love your videos...

arpitgarg
Автор

Value is T|undefined because the value is undefined until the loader resolves (or when a new request kicks off)

tjlav
Автор

unrelated the to the video but i would really like to hear your input on this:

i work with angular for few years now and i mostly saw people design http request function in a way that it always returns the data directly in the component its used in. and i do so to bc i never thought of doing this differently. so only recently i discovered the idea of saving http requests in variable inside the service and then work with behaviour subjects to update components with the data from the that variable and work with behaviour subjects. And in every case where u use data data multiple times it seems way more logical and practical for statemanagement so i started using it this way almost everywhere except if i only need to get the data once in a single component.

but since i rarely see it i wonder if there is a flaw in my thinking.

What do u think is the best practice when it comes to this.

alm-rw
Автор

Until the signal resolves the value is undefined. Please use ?? instead of ||.

nebojsazakic