skills.rest
yushanwebdev
yushanwebdevCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

native-data-fetching

Configure network requests and data fetching for Expo/React Native apps.

Updated Aug 23, 2026
Search Tags:#authentication#offline#fetch#error-handling#swr#react-query#expo
One-click install
npx skills add https://github.com/yushanwebdev/yumail --skill native-data-fetching-yushanwebdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/yushanwebdev/yumail/tree/main/.opencode/skills/native-data-fetching
Command: npx skills add https://github.com/yushanwebdev/yumail --skill native-data-fetching-yushanwebdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a comprehensive approach to implementing, debugging, and optimizing network requests, API calls, data fetching, caching, offline support, and Expo Router data loading in React Native/Expo apps.

Core Features & Use Cases

  • Guidance for using the fetch API with robust error handling and retries.
  • Integration patterns for React Query and SWR for caching, deduplication, and data synchronization.
  • Practices for authentication, token management, offline support, and environment-based configuration.

Quick Start

Set up a fetch wrapper with error handling and a React Query client to fetch data from your API.

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 network errors and retries when fetching data in Expo?▼

To handle data fetching errors in Expo, implement a robust fetch API wrapper that standardizes error handling and automatically retries failed network requests before surfacing exceptions to the UI layer.

What is the best way to manage API caching and offline support in React Native?▼

The best way to manage API caching and offline support in React Native is by integrating query libraries like React Query or SWR to handle data deduplication, synchronization, and offline caching strategies automatically.

Can I use Expo Router loaders for data fetching before navigation?▼

Yes, you can use Expo Router loaders to fetch data during navigation routing, allowing your React Native application to preload necessary API responses and configure environment-driven settings before rendering the target screen.

How do I manage authentication tokens during API calls in Expo apps?▼

Manage authentication tokens in Expo apps by applying integration patterns that securely attach tokens to fetch API calls, handling token refresh logic, and utilizing environment-based configuration to separate development and production endpoints.

React Query vs SWR for data fetching in Expo: which should I use?▼

Both React Query and SWR provide robust data fetching, caching, and deduplication for Expo apps. React Query offers extensive query management features, while SWR provides a lighter API for real-time data synchronization and offline caching strategies.

Related Skills

Explore More Software Engineering Skills→
emilyLi2020emilyLi2020
2

native-data-fetching

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

Community
Intermediate
Italo520Italo520

react-ui-patterns

Standardize React UI loading, error, empty, and data states with reusable patterns.

Community
Intermediate
simplysmartaisimplysmartai

react-native-architecture

Establish React Native app architecture with Expo, Expo Router, and React Query.

Community
Advanced
IlyaKukarkinIlyaKukarkin

native-data-fetching

Implement and debug network requests and data fetching in React Native.

Community
Advanced