native-data-fetching

Implement network requests and data fetching across web and mobile apps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Efficiently implement, debug, and optimize network requests across web and mobile apps, including API calls, data fetching, caching, and error handling.

Core Features & Use Cases

  • Unified networking workflow: Centralizes fetch, React Query, SWR, and Expo Router loaders for consistent behavior.
  • Robust error handling & offline support: Provides structured error handling, retry, and offline resilience.
  • Real-world scenarios: Data fetching for API integration, caching strategies, and token management in apps.

Quick Start

Configure a sample endpoint and wire up fetch with error handling and React Query in your 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 data fetching and API errors in React Query?

Data fetching with React Query requires structured error handling to manage API failures gracefully. You can implement retry logic and offline resilience patterns to ensure your app maintains data synchronization and recovers smoothly from network interruptions.

What is the best way to configure Expo Router data loaders for network requests?

Expo Router data loaders streamline network requests by centralizing fetch logic for consistent behavior across mobile apps. This approach integrates directly with your routing structure to manage API integration and data synchronization efficiently.

Can I use SWR for offline support and caching in mobile apps?

SWR provides robust caching strategies and offline support for data fetching in mobile apps. You can leverage its built-in hooks to maintain data availability during network drops and automatically synchronize when connectivity returns.

How do I debug network requests and token management issues?

Debugging network requests involves inspecting fetch calls, verifying token management, and tracing API integration points. Using a unified networking workflow helps isolate data synchronization failures and identify caching or error handling misconfigurations.

Does basic fetch work with React Query and SWR patterns?

Basic fetch usage serves as the underlying mechanism for both React Query and SWR patterns. You can wire up standard fetch with structured error handling to centralize your data fetching logic and maintain consistent API behavior.