native-data-fetching

Implement and debug network requests in Expo/React Native apps with expo/fetch.

1|Updated Dec 7, 2025
One-click install
npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill native-data-fetching-treesus6
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/treesus6/SkateQuest-Mobile/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill native-data-fetching-treesus6

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Implementing and debugging network requests, API calls, or data fetching across Expo/React Native apps can be error-prone and repetitive. This skill provides a unified approach to fetching data, error handling, caching, offline support, and integration with Expo Router loaders.

Core Features & Use Cases

  • Unified fetching strategies: fetch API, React Query, and SWR with consistent patterns.
  • Robust error handling & retries: standardized error parsing, retry logic, and resilient UI states.
  • Offline-first & token management: strategies for offline data + secure token handling for authenticated requests.
  • Use Case: normalize all API calls for a screen that shows user data and messages, with automatic refetch and graceful fallbacks.

Quick Start

Set up a complete data-fetching flow for a new screen using fetch with proper error handling, caching, and offline support.

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 in Expo Router with proper error handling?

Data fetching in Expo Router is implemented using expo/fetch with standardized error parsing and retry logic. It integrates Expo Router data loaders with the fetch API to establish consistent data fetching and resilient UI states.

What's the best way to handle offline data synchronization in React Native?

Offline data synchronization in React Native is handled through offline-first strategies that cache network requests. This approach ensures consistent data fetching and graceful fallbacks when network connectivity is interrupted.

Does this data fetching approach work with React Query and SWR?

Yes, the data fetching approach works with React Query and SWR by providing unified fetching strategies. It applies consistent patterns across both libraries to normalize API calls with automatic refetch capabilities.

Why should I use expo/fetch instead of axios for network calls?

Using expo/fetch instead of axios for network calls ensures consistent data fetching and robust error handling across Expo/React Native apps. It provides standardized token management and retry logic tailored for the Expo environment.

How do I manage authentication tokens for API calls in React Native?

Authentication tokens for API calls in React Native are managed through secure token handling strategies. This ensures authenticated network requests are executed reliably with proper environment variable configuration.