Create promise-based Angular Resource APIs for async data loading.
npx skills add https://github.com/satish-krishna/sigil --skill resource-api
Please help me install this Agent Skill. Skill: resource-api Source: https://github.com/satish-krishna/sigil/tree/main/.claude/skills/resource-api Command: npx skills add https://github.com/satish-krishna/sigil --skill resource-api
The Skill provides a promise-based data layer for Angular that eliminates RxJS and centralizes async data fetching with resource(), enabling automatic refetch, loading and error state handling, and easy state management.
Create an Angular service that uses resource() to fetch data with a default value and exposes a reload() to refresh.
High-intent search queries and answers about installing and using this skill.
Async data loading in Angular can be handled using a promise-based Resource API to centralize fetching, automatically refetch when parameters change, and manage loading and error states without RxJS.
Managing loading and error states for HTTP requests is best achieved using a promise-based resource pattern with built-in state guards like isLoading, hasValue, and hasError to safely handle UI updates.
To automatically refetch Angular HttpClient data, you can use a resource API with reactive parameters via a params function and signals, which triggers data refetch whenever inputs update.
Yes, you can test Angular promise-based resources by applying testing tools utilizing HttpClientTestingModule to mock data scenarios and verify resource loading behavior.
Yes, the Angular resource API supports a loader-based resource pattern with a defaultValue, ensuring your components have initial data to render before the async fetch completes.
To manually refresh async data in Angular components, the resource API exposes a reload() method that triggers a manual refresh of the promise-based data fetch.
matteobortolazzoStandardize Angular frontend testing with Jasmine and Component Harnesses.
analogjsFetch API data using signal-based HTTP resources in Angular v20+.
ngx-signal-formsFetch reactive HTTP data in Angular using signal-based resource APIs.
lorrandavidGenerate structured RxJS patterns for Angular async data flows.
