native-data-fetching

Automate network data fetching and debugging in Expo/React Native apps.

Updated Aug 23, 2026

Search Tags:#offline #network #error-handling #react-query #api-calls #data-fetching #expo-router

Ready to run

npx skills add https://github.com/tDalile/dotfiles --skill native-data-fetching-tdalile

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/tDalile/dotfiles/tree/main/agents/skills/native-data-fetching
Command: npx skills add https://github.com/tDalile/dotfiles --skill native-data-fetching-tdalile

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (useLoaderData).

Core Features & Use Cases

Data fetching across React Native and Expo apps using fetch with robust error handling.
Integrations with React Query (TanStack Query) for caching, retries, and mutations.
Offline support and token-auth flows, including secure storage and token refresh patterns.
Use Expo Router data loaders (useLoaderData) for route-level data loading; integrate with server or client fetch as needed.

Quick Start

Set up a robust data-fetching layer using fetch with error handling, React Query for caching, and Expo Router loaders when applicable.

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 calls and offline support in Expo Router?▼

API calls and offline support in Expo Router are handled by integrating fetch with robust error handling and Expo Router data loaders (useLoaderData) for route-level data loading. This ensures data persists or fails gracefully during network interruptions.

What is the best way to manage caching and retries for data fetching in React Native?▼

The best way to manage caching and retries for data fetching in React Native is using React Query (TanStack Query). It provides built-in mechanisms for caching, automated retries, and handling mutations across your application.

Can I use React Query with Expo Router data loaders?▼

Yes, you can use React Query with Expo Router data loaders. The integration allows you to leverage useLoaderData for route-level data loading while utilizing React Query for client-side caching, mutations, and background updates.

How do I implement token refresh patterns and secure storage for authentication flows?▼

Token refresh patterns and secure storage for authentication flows are implemented by configuring environment-based settings and secure storage mechanisms. This manages token lifecycle automatically during network requests, ensuring authenticated API calls remain valid.

Why does my fetch request fail with network errors in React Native?▼

Fetch requests fail with network errors in React Native due to poor error handling or offline conditions. Implementing robust error handling, offline support, and environment-based configuration helps debug and resolve these network request failures.