What is Angular's Resource API for Data Fetching?

import { Component, input, resource } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  template: `
    @if (users.isLoading()) { Loading... }
    @else if (users.hasValue()) {
      @for (user of users.value(); track user.id) {
        <div>{{ user.name }}</div>
      }
    } @else {
      Error: {{ users.error()?.message }}
    }
  `
})
export class UserList {
  userId = input.required<string>();
  
  users = resource({
    params: () => ({ id: this.userId() }),
    loader: ({ params }) => this.http.get(`/api/users/${params.id}`)
  });

  constructor(private http: HttpClient) {}