mcpField
A
angular-resource

angular-resource

github.com/oguzhan18Development7178 installsUpdated 31w ago
Repository

About angular-resource

angular-resource is a guide to the Resource API for Angular 19+. It shows developers how to load asynchronous data, including requests driven by Signals.

Key features

  1. 01Resource API practices for Angular 19+
  2. 02Asynchronous data loading
  3. 03Loading with a request parameter
  4. 04Managing requests with Signals

Use cases

  1. 01Fetch asynchronous data with a loader
  2. 02Load user data when an ID changes

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-resource

After installing, type/angular-resourcein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/discussions/
_INDEX.md
references/docs/
_INDEX.md
references/issues/
_INDEX.md
references/releases/
_INDEX.md

Details

From the project README

Angular Resource

Version: Angular 19+ (2025) Tags: Resource, Async, Signals

References: Resource API

Best Practices

  • Use resource for async data
import { resource } from '@angular/core/rxjs-interop';

@Component({})
export class MyComponent {
  private http = inject(HttpClient);
  
  users = resource({
    loader: () => this.http.get<User[]>('/api/users').toPromise()
  });
}
  • Use with request
id = signal<string>('');

user = resource({
  request: () => ({ id: this.id() }),
  loader: ({ request }) => this.http.getUser(request.id).toPromise()
});

Comments

Markdown supported