Can I use this for offline-first app development?

Yes, it includes specific configurations for NetInfo and TanStack Query's onlineManager to pause and resume requests based on the device's connectivity status.

Does it support different API URLs for development and production?

Absolutely. It uses EXPO_PUBLIC_ prefixed environment variables and .env files to manage environment-specific configurations safely during the build process.

Does this skill support Axios for React Native?

The skill documentation specifically recommends preferring the native Fetch API (expo/fetch) for better compatibility and performance within the Expo ecosystem, though the logic can be adapted.

How are authentication tokens handled securely?

It provides patterns using 'expo-secure-store' to ensure sensitive credentials are encrypted and stored safely on the device, rather than using insecure options like AsyncStorage.

Data Fetching for Expo & React Native

Name: Data Fetching for Expo & React Native
Author: gigs-slc

bygigs-slc

0•

Mobile Development

Manages API requests, data synchronization, and networking logic for React Native and Expo applications.

This skill provides a comprehensive framework for implementing robust networking in Expo and React Native apps. It offers standardized patterns for using the Fetch API, TanStack Query (React Query), and SWR, while emphasizing security through Expo SecureStore for token management. Developers can leverage built-in strategies for exponential backoff retries, comprehensive error handling, and offline-first functionality using NetInfo. It also simplifies environment-specific configurations using Expo's public environment variables, ensuring that mobile data layers are performant, secure, and resilient across various network conditions.

主な機能

01Standardized Fetch API patterns with comprehensive error handling

02Advanced TanStack Query integration for caching and state management

03Secure authentication workflows including token storage and refresh logic

04Offline-first support with NetInfo synchronization and request pausing

05Environment variable management for multi-stage API configurations

060 GitHub stars

ユースケース

01Debugging network failures and implementing exponential backoff retry logic

02Implementing complex data caching and background synchronization for mobile apps

03Building a production-ready API client with automatic Bearer token injection

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gigs-slc/react-native-skills data-fetching

For use in Claude.ai and ChatGPT

Download Skill