skills.rest
shirogin
shiroginCOMMUNITY
Explore all skills by this author →
GitHub

native-data-fetching

Implement and debug API data fetching across fetch, React Query, SWR, and Expo Router.

1|Updated Mar 31, 2026
Search Tags:#authentication#api#networking#offline#fetch#error-handling#data-fetching
One-click install
npx skills add https://github.com/shirogin/jesuph-skills --skill native-data-fetching-shirogin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/shirogin/jesuph-skills/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/shirogin/jesuph-skills --skill native-data-fetching-shirogin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps you implement or debug any network request, API call, or data fetching across fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router loaders (useLoaderData).

Core Features & Use Cases

  • Network requests and data fetching with fetch, React Query, SWR
  • Error handling, retry logic, and offline support
  • Expo Router loaders integration (useLoaderData) and token management

Quick Start

Start by implementing a safe fetch wrapper around your API, then integrate React Query for caching and use Expo Router loaders for route data in web apps.

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 secure token management for API calls in React Native?▼

Secure token management for API calls uses expo-secure-store to handle authentication tokens. This ensures tokens are stored safely during network requests and API data retrieval in native applications.

What is the best way to handle offline support and error handling for data fetching?▼

Offline support and error handling for data fetching are managed using retry logic and caching via React Query or SWR. This maintains network request reliability when connectivity drops during API calls.

Does this approach prefer using the fetch API over axios for network requests?▼

Yes, the approach prefers using the fetch API over axios for network requests. It enforces this requirement while building safe fetch wrappers for API data retrieval and debugging.

How do I integrate Expo Router loaders with useLoaderData for web app data?▼

Integrate Expo Router loaders with useLoaderData to fetch route data in web apps. This skill covers using these loaders alongside React Query for caching and standard fetch usage.

How do I configure environment variables for API URLs in a React Native app?▼

Configure environment variables for API URLs by supporting environment configuration during network requests. This allows flexible API endpoint management across web and native app scenarios.

Related Skills

Explore More Software Engineering Skills→
nawab69nawab69

native-data-fetching

Implement network requests and API data fetching in Expo React Native apps.

Community
Advanced
expoexpo
2.4k

expo-data-fetching

Handle data fetching, caching, and debugging in Expo apps.

Official
Advanced
pattarapoljpattarapolj

building-native-ui

Design and build React Native and Expo user interfaces with navigation patterns.

Community
Advanced
lsst-sqrelsst-sqre
2

data-fetching-patterns

Standardize SWR-based API data fetching with typed fetchers and custom hooks.

Official
Intermediate