pluginagentmarketplace

http-client

Angular HttpClient for API communication, interceptors, and error handling

pluginagentmarketplace 5 2 Updated 5mo ago

Resources

3
GitHub

Install

npx skillscat add pluginagentmarketplace/custom-plugin-angular/http-client

Install via the SkillsCat registry.

SKILL.md

Angular HTTP Client Skill

Overview

Master Angular's HttpClient module for making HTTP requests, handling responses, implementing interceptors, and managing API communication patterns.

Topics Covered

HttpClient Basics

  • GET, POST, PUT, DELETE requests
  • Request and response typing
  • Query parameters and headers
  • Response body parsing

Interceptors

  • HTTP interceptor creation
  • Authentication token injection
  • Request/response transformation
  • Error handling interceptors
  • Loading state management

Error Handling

  • HttpErrorResponse handling
  • Retry strategies with RxJS
  • Global error handling
  • User-friendly error messages

Advanced Patterns

  • Request cancellation
  • File upload/download
  • Progress tracking
  • Caching strategies
  • API service design

Prerequisites

  • Angular Core fundamentals
  • TypeScript basics
  • RxJS Observables understanding

Learning Outcomes

  • Create type-safe API services
  • Implement authentication interceptors
  • Handle errors gracefully
  • Build reusable HTTP patterns