skills.rest
EATSTEAK
EATSTEAKCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

native-data-fetching

Implement and debug network requests with fetch, axios, React Query, and SWR.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires expo-secure-store, @react-native-community/netinfo, @tanstack/react-query, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide and best practices for implementing, debugging, and optimizing any network request, API call, or data fetching operation within an application.

Core Features & Use Cases

  • API Request Implementation: Covers basic fetch usage for GET and POST requests.
  • Data Fetching Libraries: Demonstrates setup and usage for React Query (TanStack Query) for efficient data management.
  • Error Handling & Resilience: Includes strategies for robust error handling, retries, and network error management.
  • Authentication & Offline Support: Guides on token management, refresh flows, and offline-first strategies using NetInfo.
  • Configuration: Explains environment variable usage 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 and API calls using React Query?▼

Data fetching with React Query involves utilizing the setup and usage patterns for TanStack Query to efficiently manage API calls, network requests, and caching strategies within your application. It provides robust mechanisms for data synchronization.

What's the best way to handle network errors and retry failed API requests?▼

Handling network errors requires implementing resilience strategies that include robust error handling, automated retries, and network error management to ensure stable data fetching operations during connection interruptions or API failures.

How do I manage authentication tokens and configure environment variables for API URLs?▼

Managing authentication tokens involves implementing secure token management and refresh flows, while configuring environment variables ensures your API URLs are correctly set across different development and production environments.

Does this data fetching approach support offline-first strategies using NetInfo?▼

Offline-first data fetching is supported by utilizing NetInfo to detect network status, allowing your application to manage API requests gracefully and maintain functionality when the device loses its network connection.

Can I use the fetch API for basic GET and POST requests instead of a data fetching library?▼

Basic fetch API usage is fully supported for executing standard GET and POST requests, offering a native solution for API calls when you do not need the advanced caching and state management of external libraries.

Related Skills

Explore More Software Engineering Skills→
nrupalanrupala

add-discord

Integrate a Discord channel into NanoClaw with interactive setup.

Community
Advanced
vecearvecear

state-ux-flow-builder

Standardize loading, error, empty, and success states for data-fetching views.

Community
Advanced
adynatoadynato
1

adynato-mobile-api

Provide reusable React Native/Expo API patterns with TanStack Query and expo-secure-store.

Official
Advanced
lexand-devlexand-dev

native-data-fetching

Fetch data in React Native apps using Fetch API, Axios, or React Query.

Community
Intermediate