native-data-fetching

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

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/nawab69/pouch-monorepo --skill native-data-fetching-nawab69
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/nawab69/pouch-monorepo/tree/main/apps/mobile/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/nawab69/pouch-monorepo --skill native-data-fetching-nawab69

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It simplifies implementing, debugging, and hardening all network requests and API data fetching in Expo and React Native apps, reducing broken requests, insecure token storage, and fragile caching strategies.

Core Features & Use Cases

  • Fetch guidance: Preferred patterns for the Fetch API and wrappers for consistent error handling and retries.
  • State & caching: Integration patterns for React Query and SWR to manage caching, staleTime, and mutations.
  • Authentication & offline: Secure token storage and refresh flows with expo-secure-store, network status detection, request cancellation, and strategies for offline-first apps.
  • Use Case: Build a mobile user profile flow that fetches user data, caches it with React Query, refreshes tokens transparently, and gracefully resumes syncing when the device comes back online.

Quick Start

Make an authenticated fetch to the EXPO_PUBLIC_API_URL/users endpoint using expo-secure-store for the token, wrap responses with error handling and retries, and integrate the query with React Query for caching.

Frequently Asked Questions about native-data-fetching

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

FAQPage Schema
How do I handle API data fetching and authentication in Expo React Native?

Data fetching in Expo React Native uses the Fetch API or axios wrappers, combined with expo-secure-store for secure token storage and transparent token refresh flows to ensure reliable authenticated requests.

What is the best way to cache network requests and manage state in React Native?

Caching network requests and managing state in React Native is best achieved by integrating React Query or SWR to configure staleTime, handle mutations, and reduce redundant network traffic.

Does this networking approach support offline data fetching and request retries?

Yes, this networking approach supports offline data fetching by detecting network status and resuming syncs, while implementing request retries with exponential backoff and request cancellation.

How do I configure environment variables for API requests in an Expo project?

Environment variables for API requests in an Expo project are configured using EXPO_PUBLIC_ variables to define the EXPO_PUBLIC_API_URL endpoint and manage network configurations securely.

Why do my fetch requests fail when the network drops in React Native?

Fetch requests fail when the network drops due to missing offline support and network status detection; implementing offline-first strategies and request cancellation helps gracefully resume syncing when the device reconnects.