skills.rest
epiphanyapps
epiphanyappsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

native-data-fetching

Implement and debug network requests, API calls, and data fetching operations.

Updated Jan 17, 2026
Search Tags:#api#error handling#data fetching#networking#fetch#react query#offline support
One-click install
npx skills add https://github.com/epiphanyapps/mapyourhealth --skill native-data-fetching-epiphanyapps
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/epiphanyapps/mapyourhealth/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/epiphanyapps/mapyourhealth --skill native-data-fetching-epiphanyapps

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the implementation and debugging of all network requests, API calls, and data fetching operations within your application.

Core Features & Use Cases

  • API Integration: Implement and manage any type of API interaction, from simple GET requests to complex POST operations with authentication.
  • Data Fetching Libraries: Provides guidance and examples for using popular libraries like React Query (TanStack Query) for efficient data fetching, caching, and state management.
  • Error Handling & Resilience: Offers robust strategies for handling network errors, HTTP status codes, and implementing retry mechanisms.
  • Offline Support: Enables applications to function seamlessly even with intermittent network connectivity.
  • Configuration Management: Guides on using environment variables for API configuration across different environments.

Quick Start

Use the native-data-fetching skill to fetch user data for a given user ID using the fetch API.

Frequently Asked Questions about native-data-fetching

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement data fetching with React Query and handle API mutations?▼

Data fetching with React Query involves configuring hooks for API integration, managing cache strategies, and handling mutations to ensure efficient state synchronization across your application components.

What's the best way to handle network errors and implement retry logic for API calls?▼

Handling network errors requires intercepting HTTP status codes and applying robust retry mechanisms. This ensures data fetching operations remain resilient during transient network failures or API rate limiting.

Can I add offline support to my data fetching operations using NetInfo and React Query persistence?▼

Yes, offline support is achieved by integrating NetInfo with React Query persistence. This allows your application to cache network requests and maintain functionality seamlessly during intermittent connectivity.

How do I manage authentication tokens and refresh logic for secure API calls?▼

Managing authentication tokens involves securely storing credentials and implementing refresh logic. This maintains authenticated API calls by automatically intercepting expired tokens and requesting new access tokens.

How do I configure environment variables for environment-specific API configurations?▼

Configuring environment variables involves defining environment-specific API endpoints in separate files. This ensures your data fetching operations target the correct development, staging, or production servers securely.

Does this support both basic fetch API usage and Axios for network requests?▼

Yes, it supports both the native fetch API and Axios for network requests. You can implement everything from simple GET requests to complex POST operations with authentication across either library.

Related Skills

Explore More Software Engineering Skills→
sammorrispbsammorrispb

Circle Setup

Validate Circle API environment variables and test Admin API connectivity.

Community
Intermediate
yash-gargyash-garg

flutter-implement-json-serialization

Create Flutter model classes with fromJson and toJson methods using dart:convert.

Community
Intermediate
williamisnotdefinedwilliamisnotdefined
4

frontend-state-management

Manage client-side state and API interactions in React applications.

Community
Intermediate
mweinbachmweinbach
154

native-data-fetching

Handle API requests, caching, and offline support in React Native.

Community
Intermediate