native-data-fetching

Implement consistent data fetching with caching and offline support in React Native and Expo.

2|Updated May 20, 2026
One-click install
npx skills add https://github.com/Yemomo511/hybrid-agent-rail --skill native-data-fetching-yemomo511
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/Yemomo511/hybrid-agent-rail/tree/main/example/.codex/skills/native-data-fetching
Command: npx skills add https://github.com/Yemomo511/hybrid-agent-rail --skill native-data-fetching-yemomo511

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers building React Native or Expo applications often face inconsistent data fetching implementations, poor error handling, missing caching logic, and unhandled offline states, leading to unreliable user experiences and excessive manual boilerplate work for common network-related tasks.

Core Features & Use Cases

  • End-to-end data fetching support: Covers native fetch API, React Query, SWR, and Expo Router data loaders for all common data loading patterns in cross-platform React Native projects.
  • Built-in resilience patterns: Includes pre-configured error handling, caching strategies, and offline support to reduce repetitive code and improve app reliability.
  • Real-world use case: For example, use this skill to quickly implement cached product list fetching with offline fallback and automatic retries for an Expo e-commerce app, without writing custom boilerplate for each data source.

Quick Start

Use the native-data-fetching skill to implement cached API data loading with offline fallback for your 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 implement data fetching with offline support in React Native?

React Native data fetching with offline support requires pre-configured caching strategies and offline fallback patterns. Using pre-built resilience patterns ensures consistent data loading behavior and reduces repetitive code for handling unreliable network states.

What is the best way to handle API call errors and caching in Expo applications?

The best way to handle API call errors and caching in Expo applications is to apply pre-built resilience patterns. These patterns provide standardized error handling and caching logic to reduce boilerplate and improve app reliability across network requests.

Does this data fetching approach work with React Query and SWR?

Yes, this data fetching approach works with React Query and SWR. It provides pre-built patterns for both libraries, alongside the native fetch API and Expo Router data loaders, covering all common data loading patterns in cross-platform React Native projects.

How do I set up cached API data loading with automatic retries for an Expo e-commerce app?

Cached API data loading with automatic retries for an Expo e-commerce app uses pre-configured caching strategies and error handling. This eliminates the need to write custom boilerplate for each data source while ensuring reliable product list fetching.

Why are my React Native data fetching implementations inconsistent across different components?

React Native data fetching implementations become inconsistent when using manual boilerplate for network requests, API calls, and caching. Applying standardized patterns for error handling and caching ensures consistent data loading behavior across all components.

When do I need Expo Router data loaders for cross-platform React Native development?

You need Expo Router data loaders for cross-platform React Native development when implementing common data loading patterns. These loaders integrate with pre-configured caching and error handling to provide consistent network request behavior without manual boilerplate.