native-data-fetching

Implement and optimize network requests in Expo/React Native apps.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/msichterman/templatesick --skill native-data-fetching-msichterman
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/msichterman/templatesick/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/msichterman/templatesick --skill native-data-fetching-msichterman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers implement, debug, and optimize network requests and data fetching in Expo/React Native projects, covering fetch, axios, React Query, SWR, error handling, caching strategies, and offline support.

Core Features & Use Cases

  • Unified data fetching: Provide consistent fetch patterns across API calls, caching, and retries.
  • Error handling and resilience: Centralized error classes and retry/backoff strategies for robust apps.
  • Offline and performance: Offline support with caching strategies and React Query integration for snappy UX.

Quick Start

Configure a reusable fetch wrapper, wire React Query, and implement a sample user fetch flow in an 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 handle network requests and data fetching in Expo and React Native?

Network requests in Expo and React Native are handled using a reusable fetch wrapper combined with caching libraries like React Query or SWR. This setup provides consistent API call patterns, centralized error handling, and retry strategies for robust mobile and web data fetching.

What's the best way to manage API authentication tokens in React Native?

API authentication tokens in React Native should be managed securely using expo-secure-store. This ensures sensitive credentials are stored in the device's encrypted keystore, preventing unauthorized access while maintaining seamless authentication flows across network requests.

How do I configure environment variables for data fetching in Expo?

Environment variables for data fetching in Expo are configured using EXPO_PUBLIC_ prefixed variables. This environment-aware configuration allows you to dynamically switch API endpoints and settings between development, staging, and production builds without altering code.

How does offline support work with React Query in mobile apps?

Offline support with React Query in mobile apps works by caching API responses locally. When network connectivity drops, the app serves cached data to maintain a snappy UX, automatically syncing and retrying failed requests once the connection is restored.

Can I use AbortController to cancel fetch requests in React Native?

Yes, AbortController can be used to cancel fetch requests in React Native. Implementing AbortController-based cancellation prevents memory leaks and unnecessary state updates when components unmount or when user actions trigger new network requests.

Why do I need centralized error classes for API calls in React Native?

Centralized error classes for API calls in React Native standardize error handling across your app. Combined with retry and backoff strategies, they ensure consistent error logging, user notifications, and resilient recovery from transient network failures.