native-data-fetching

Guide mobile app network requests, API calls, and data fetching.

1|Updated Jan 19, 2026
One-click install
npx skills add https://github.com/salafidurus/salafi-audios --skill native-data-fetching-salafidurus
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/salafidurus/salafi-audios/tree/main/apps/mobile/.opencode/skills/native-data-fetching
Command: npx skills add https://github.com/salafidurus/salafi-audios --skill native-data-fetching-salafidurus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for implementing and debugging all forms of network requests, API calls, and data fetching within a mobile application.

Core Features & Use Cases

  • API Integration: Implement and manage all outgoing HTTP requests.
  • Data Fetching Libraries: Configure and utilize libraries like React Query and SWR.
  • Error Handling & Caching: Implement robust error handling, retry logic, and caching strategies.
  • Offline Support: Manage network status and queue requests for offline scenarios.
  • Authentication: Securely handle tokens and implement refresh mechanisms.

Quick Start

Use the native-data-fetching skill to implement a basic GET request to fetch user data from 'https://api.example.com/users/123'.

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 network requests and data fetching in a mobile application?

Implement network requests and data fetching by using the fetch API or axios for outgoing HTTP calls, applying best practices for robust and efficient data retrieval in mobile applications. This ensures reliable API integration and core data management.

What's the best way to manage API data caching and error handling?

The best way to manage API data caching and error handling is using data fetching libraries like React Query or SWR. They provide built-in mechanisms for retry logic, caching strategies, and robust error handling to maintain application stability.

How does offline support work for queued network requests?

Offline support works by monitoring network status and queuing API calls when the connection is lost. This offline support mechanism automatically manages network requests, ensuring data synchronization resumes smoothly when connectivity restores.

How do I securely handle authentication tokens for API calls?

Securely handle authentication tokens by implementing dedicated token management and refresh mechanisms for your API calls. This approach ensures authentication credentials are securely stored and automatically renewed during data fetching operations.

Do I need React Query to manage API integration?

You do not need React Query specifically, as you can use the native fetch API or axios for API integration. However, data fetching libraries like React Query or SWR are recommended for advanced caching strategies and complex state management.