Angular Resource

oguzhan18/angular-ecosystem-skills

If you're working with Angular 19's new resource API, this skill keeps Claude up to date on the modern approach to async data loading with signals. It covers the core patterns: basic loaders that fetch data on component init, and request-based loaders that refetch when signal dependencies change. The resource API is Angular's answer to making reactive data fetching feel natural with signals, replacing older patterns like async pipe gymnastics. The examples are straightforward and show the two main use cases you'll actually hit in practice.

skills.sh installs

178

GitHub stars

7

last updated

Aug 21, 2026

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()
  });
}

id = signal<string>('');

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

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language