angular-http
This skill provides patterns for implementing HTTP data fetching in Angular v20+ applications. It covers signal-based resource management via httpResource, generic async data handling with resource, and traditional HttpClient usage, including interceptors and error handling.
Is angular-http safe to install?
Safe to install: our audit of angular-http's source files found 0 shell commands, 0 external URLs, no file writes (none risk). Every command and URL listed appears verbatim in the skill's source. The skill provides code patterns and documentation for Angular HTTP implementation. It does not execute commands or perform network requests itself.
How we audit skills: our security review methodology.
Who is this skill for?
Angular developers building applications that require API integration, reactive data loading, and signal-based state management.
What can you do with it?
- Fetching API data using signals
- Managing loading and error states in UI components
- Implementing functional HTTP interceptors
- Converting Observable-based HTTP requests to signals
- Performing CRUD operations with HttpClient
How good is this skill?
Quality score: 5/10. The documentation is clear, provides relevant code examples for modern Angular patterns, and covers essential topics like error handling and interceptors.
What does the skill file contain?
# Angular HTTP & Data Fetching
Fetch data in Angular using signal-based `resource()`, `httpResource()`, and the traditional `HttpClient`.
## httpResource() - Signal-Based HTTP
`httpResource()` wraps HttpClient with signal-based state management:
```typescript
import { Component, signal } from '@angular/core';
import { httpResource } from '@angular/common/http';
interface User {
id: number;
name: string;
email: string;
}
@Component({
selector: 'app-user-profile',
template: `
@if (userResource.isLoading()) {
<p>Loading...</p>
} @else if (userResource.error()) {
...Frequently asked questions
What is the difference between httpResource and resource?
httpResource is a specialized wrapper for HttpClient that provides signal-based state management for HTTP requests. resource is a generic utility for any asynchronous operation or custom fetch logic.
How do I handle loading states with httpResource?
You can use the isLoading() signal or the status() signal to conditionally render UI elements based on the current state of the request.
Can I use traditional HttpClient with this skill?
Yes, the skill includes patterns for using HttpClient, including converting Observables to signals using toSignal and configuring functional interceptors.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
firebase-app-hosting-basics
99.2KDevelopers deploying full-stack web applications to Firebase App Hosting
This skill assists with deploying and managing full-stack web applications using Firebase App Hosting. It provides guidance on configuration, secret management, and deployment workflows for frameworks like Next.js and Angular.
firebase-hosting-basics
97.9KDevelopers deploying static web applications, single page applications, or microservices to Firebase Hosting
This skill provides instructions and guidance for deploying web applications to Firebase Hosting. It covers configuration, deployment procedures, and local emulation for static sites and single page applications.
notion-api
52.2KDevelopers and AI agents requiring programmatic access to Notion workspaces
This skill provides instructions for interacting with the Notion REST API. It enables agents to read, create, update, and delete Notion pages, databases, blocks, and comments using curl and jq.