native-data-fetching

Implement and debug network requests with fetch, React Query, SWR, and Expo Router data loaders.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/cristianbc2004/Project_BettherAuth --skill native-data-fetching-cristianbc2004
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/cristianbc2004/Project_BettherAuth/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/cristianbc2004/Project_BettherAuth --skill native-data-fetching-cristianbc2004

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill includes references (resource) components.

What problem does it solve?

The skill provides a comprehensive pattern guide to implement and debug network requests across React Native and Expo apps, including fetch, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (useLoaderData).

Core Features & Use Cases

  • Data fetching patterns for fetch, React Query, and SWR with robust error handling.
  • Caching and offline support strategies to preserve user experience.
  • Integration with Expo Router data loaders and token management for authenticated APIs. Real-world use: quickly fetch user profiles from an API while handling token refresh and offline fallback.

Quick Start

Show me how to fetch user data from an API with robust error handling and offline support using fetch.

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 errors and offline support in React Native data fetching?โ–ผ

React Query and SWR caching strategies for Expo web and native apps provide data persistence, offline fallback support, and robust error handling through custom ApiError types to preserve user experience.

What is the best way to manage authentication tokens for API calls in Expo Router?โ–ผ

The best way to manage authentication tokens in Expo Router is using expo-secure-store to securely persist credentials and handle token refresh during data loader network requests.

Does React Query work with Expo Router data loaders for network requests?โ–ผ

React Query works with Expo Router data loaders by integrating server state management with native fetch patterns, enabling robust network requests, data caching, and offline support across environments.

How to configure environment variables for API calls in React Native?โ–ผ

Configure environment variables for React Native API calls using environment-specific guidance to manage endpoints, API keys, and authentication tokens securely across web and native deployment stages.

Why should I use expo/fetch instead of the standard fetch API?โ–ผ

Use expo/fetch instead of the standard fetch API to ensure network requests are properly configured for React Native and Expo environments, avoiding native compatibility issues and enabling robust error handling.