native-data-fetching

Implement network requests with fetch, caching, and offline support.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implementing, debugging, and optimizing network requests and data fetching across web and mobile apps can be error-prone and repetitive. This skill provides a structured approach to handling fetch APIs, axios, React Query, SWR, error handling, caching, and offline support.

Core Features & Use Cases

  • Basic fetch usage: perform GET/POST requests with proper error handling.
  • State and caching: leverage React Query or SWR for caching, refetching, and optimistic updates.
  • Authentication and resilience: manage tokens, refresh flows, and secure storage.
  • Offline support: design offline-first experiences and graceful degradation.

Quick Start

Provide a minimal example of making a GET request and handling the response using fetch.

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 caching in React Native with React Query or SWR?

Data fetching in React Native uses React Query or SWR to manage caching, refetching, and optimistic updates. This approach enforces robust state management alongside basic fetch usage for reliable network requests.

What is the best way to implement secure authentication token storage in Expo?

Secure authentication token storage in Expo requires managing tokens, refresh flows, and secure storage. This strategy ensures credentials remain protected during network requests and offline data fetching operations.

How do I add offline support and graceful degradation to React Native apps?

Offline support in React Native involves designing offline-first experiences and graceful degradation. This method ensures data fetching strategies remain functional without continuous network connectivity.

Why does my fetch request fail without retry logic and exponential backoff?

Fetch requests fail without retry logic because they lack robust retry mechanisms and exponential backoff. Implementing these resilience patterns during data fetching prevents permanent failures during temporary network disruptions.

Can I use this data fetching approach for both web and mobile apps?

This data fetching approach supports both web and mobile apps. It solves network request challenges across platforms by standardizing error handling, request cancellation, and environment-driven API configuration.

How do I cancel network requests in React Native to prevent memory leaks?

Canceling network requests in React Native requires enforcing request cancellation during data fetching. This practice prevents memory leaks and ensures proper error handling when components unmount.