native-data-fetching

Name: native-data-fetching
Availability: InStock
Author: 1natsu

Implement and debug network requests across React Native, Expo Router, and web contexts.

1|Updated Oct 30, 2017

Search Tags:#api #offline #fetch #error-handling #swr #react-query #expo-router

Ready to run

npx skills add https://github.com/1natsu172/dotfiles --skill native-data-fetching-1natsu172

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: native-data-fetching
Source: https://github.com/1natsu172/dotfiles/tree/main/.agents/skills/native-data-fetching
Command: npx skills add https://github.com/1natsu172/dotfiles --skill native-data-fetching-1natsu172

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Implementing and debugging network requests, API calls, and data fetching across React Native, Expo Router, and web environments can be complex, error-prone, and hard to standardize.

Core Features & Use Cases

Fetch API usage and error handling patterns
React Query and SWR integration for caching and data synchronization
Expo Router loaders (useLoaderData) support for route data
Offline strategies and token management

Quick Start

Run a simple fetch example to retrieve data and demonstrate consistent error handling across environments.

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 consistently across React Native and Expo Router?▼

Data fetching across React Native and Expo Router is standardized by enforcing the native Fetch API, providing guidance on error handling, token management, and environment configuration to ensure robust, testable networking code.

What's the best way to handle API errors and retries in a React Native application?▼

The best way to handle API errors and retries is to apply consistent error handling patterns and token management alongside the Fetch API, ensuring your networking code remains robust and testable across client and server contexts.

Can I use React Query or SWR for caching and data synchronization with Expo Router?▼

Yes, you can use React Query or SWR with Expo Router. The approach integrates these libraries for caching and data synchronization, while also supporting Expo Router loaders (useLoaderData) for fetching route data.

How does Expo Router handle data loading across client and server contexts?▼

Expo Router handles data loading across client and server contexts by utilizing route loaders (useLoaderData), ensuring consistent data fetching and environment configuration whether the request occurs on the client or the server.

What offline strategies and token management patterns are recommended for network requests in React Native?▼

Recommended offline strategies and token management patterns involve enforcing standardized Fetch API usage, applying guidance on token management, retries, and offline support to ensure robust networking logic across environments.