skills.rest
openridesph
openridesphOFFICIAL
Explore all skills by this author →
GitHub

native-data-fetching

Standardize network requests and data fetching in Expo/React Native apps.

1|1|Updated Feb 24, 2026
Search Tags:#caching#offline#fetch#react-native#react-query#expo#data-fetching
One-click install
npx skills add https://github.com/openridesph/openrides --skill native-data-fetching-openridesph
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/openridesph/openrides/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/openridesph/openrides --skill native-data-fetching-openridesph

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

  • Centralized networking strategies for Expo/React Native apps including fetch, React Query, SWR, and Expo Router loaders.
  • Real-world scenarios: API calls, offline caching, token management, error handling, and data loading with useLoaderData.

Quick Start

Start by applying this skill to implement and debug API calls, data fetching, and offline caching in your Expo/React Native project.

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 offline caching for data fetching in React Native?▼

Offline caching in React Native stores fetched API data locally so apps remain functional without a network connection. This skill standardizes offline support alongside React Query and SWR data fetching strategies.

What is the best way to manage authentication tokens in Expo API calls?▼

Token management for Expo API calls handles secure authentication flows during network requests. This skill standardizes attaching auth tokens to fetch requests and managing refresh cycles securely.

How do I handle errors and retries with React Query in Expo?▼

Error handling and retries with React Query automatically re-attempt failed network requests and standardize error boundaries. This skill implements robust retry logic and request cancellation for Expo data fetching.

Does Expo Router support data loading with useLoaderData?▼

Expo Router supports data loading via useLoaderData to fetch API data before rendering routes. This skill standardizes server-side and client-side data loading patterns using Expo Router loaders.

Can I use SWR for data fetching and environment configuration in React Native?▼

SWR supports data fetching in React Native while managing environment configuration for API endpoints. This skill standardizes SWR implementation including secure data handling and request cancellation.

Why are my network requests failing when cancelled in React Native?▼

Network requests fail when cancelled due to unhandled abort signals in fetch API calls. This skill standardizes request cancellation and error handling to prevent unhandled rejections during data fetching.

Related Skills

Explore More Software Engineering Skills→
zai-orgzai-org
588

native-data-fetching

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

Official
Intermediate
vladimir-shirmanovvladimir-shirmanov

zustand-router-query

Coordinate React route data loading with Zustand and TanStack Query.

Community
Intermediate
hendrax5hendrax5

phase-6-ui-integration

Implement frontend UI and integrate it with backend APIs.

Community
Intermediate
IlyaKukarkinIlyaKukarkin

native-data-fetching

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

Community
Advanced