skills.rest
emilyLi2020
emilyLi2020COMMUNITY
Explore all skills by this author →
GitHub

native-data-fetching

Implement network requests, caching, and offline support for Expo and React Native apps.

2|Updated Apr 14, 2026
Search Tags:#networking#react-native#react-query#api-integration#expo#data-fetching#offline-support
One-click install
npx skills add https://github.com/emilyLi2020/WAVE --skill native-data-fetching-emilyli2020
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/emilyLi2020/WAVE/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/emilyLi2020/WAVE --skill native-data-fetching-emilyli2020

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the common pain points of implementing reliable, performant network requests, data caching, and offline functionality in Expo and React Native apps, reducing boilerplate code and preventing common bugs like unhandled network errors or insecure token storage.

Core Features & Use Cases

  • Full Fetch API Coverage: Includes patterns for GET/POST requests, error handling, retries with exponential backoff, and request cancellation for all Expo and React Native projects.
  • State Management Integration: Provides setup and usage guides for React Query (TanStack Query) and SWR to handle caching, data deduplication, and background refetching.
  • Expo Router Loader Support: Offers step-by-step instructions for route-level data loading in Expo web apps (SDK 55+), including SSR and static generation configuration.
  • Offline & Auth Best Practices: Covers network status detection, offline-first architecture, and secure token storage and refresh flows for authenticated API calls. Use Case: If you are building a cross-platform app that needs to fetch user data from an API, cache it for offline access, and handle user authentication securely, this Skill provides all the required patterns and code examples.

Quick Start

Use the native-data-fetching skill to implement a cached, authenticated user profile fetch with offline support for your Expo React Native app.

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 caching in an Expo React Native app?▼

Data fetching in Expo requires using the Fetch API for network requests, combined with React Query or SWR to handle caching, data deduplication, and background refetching automatically across mobile and web.

What is the best way to handle offline support and network status in React Native?▼

Offline support in React Native is handled using NetInfo to detect network status, enabling an offline-first architecture that caches data locally so applications remain functional without an active network connection.

Can I use Expo Router for route-level data loading and SSR in web apps?▼

Yes, Expo Router supports route-level data loading for web apps in SDK 55 and above, allowing developers to configure server-side rendering and static generation directly within their route components.

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

Secure token management in React Native requires storing authentication tokens safely and implementing token refresh flows to maintain authenticated API sessions without exposing sensitive credentials.

Does React Query work with Fetch API error handling and retries in Expo?▼

React Query works with the Fetch API in Expo to manage network error handling, providing patterns for retries with exponential backoff and request cancellation to gracefully handle failed network calls.

Related Skills

Explore More Software Engineering Skills→
SovranBitcoinSovranBitcoin
23

native-data-fetching

Automate API calls and data fetching for Expo/React Native apps.

Official
Advanced
planetaryescapeplanetaryescape
7

dexie-cache-sync

Sync Convex data to a Dexie IndexedDB cache with orphan detection.

Official
Advanced
victornwokevictornwoke

clerk-expo-patterns

Integrate Clerk authentication into Expo Router with SecureStore token caching.

Community
Intermediate
oldwombatoldwombat

native-data-fetching

Standardize fetch, caching, and error handling in Expo/React Native apps.

Community
Advanced