skills.rest
xoai
xoaiCOMMUNITY
Explore all skills by this author →
𝕏@xoaiGitHub

stack-react-native-expo

Document integration patterns for React Native with Expo Router, Zustand, MMKV, and TanStack Query.

25|7|Updated Mar 16, 2026
Search Tags:#state management#integration#zustand#react-native#tanstack query#expo
One-click install
npx skills add https://github.com/xoai/sage --skill stack-react-native-expo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stack-react-native-expo
Source: https://github.com/xoai/sage/tree/main/skills/stack-react-native-expo
Command: npx skills add https://github.com/xoai/sage --skill stack-react-native-expo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill bridges the gap between individual React Native library documentation and their real-world integration, preventing common bugs and improving developer efficiency.

Core Features & Use Cases

  • Integration Patterns: Provides documented solutions for combining Expo Router, Zustand, MMKV, and TanStack Query.
  • Anti-Patterns: Highlights and explains common pitfalls in stack composition.
  • Use Case: Ensure your authentication flow is correctly implemented at the root layout, your state persists reliably across app restarts, and server data is managed efficiently with TanStack Query.

Quick Start

Use the stack-react-native-expo skill to implement a persistent dark mode toggle using Zustand and MMKV.

Frequently Asked Questions about stack-react-native-expo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate Expo Router with Zustand and TanStack Query?▼

Integrating Expo Router with Zustand and TanStack Query requires specific patterns for root layout composition, state persistence, and server data caching. This Skill provides documented solutions and anti-patterns to prevent common stack composition bugs.

What is the best way to persist Zustand state across app restarts in React Native?▼

Persisting Zustand state across app restarts in React Native is achieved by combining Zustand with MMKV. This Skill provides integration patterns for reliable state hydration and persistence to prevent common bugs.

How do I implement an authentication flow correctly at the root layout in Expo Router?▼

Implementing an authentication flow correctly at the Expo Router root layout requires understanding its layout system. This Skill addresses common authentication flow issues and provides integration patterns to ensure correct stack composition.

Does this React Native stack integration guide require prior knowledge of Expo Router layouts?▼

Yes, this React Native stack integration guide requires prior understanding of Expo Router's layout system, Zustand's persistence, and TanStack Query's caching mechanisms to effectively apply the provided integration patterns and anti-patterns.

Why does my TanStack Query caching mechanism conflict with Zustand state management?▼

TanStack Query caching conflicts with Zustand state management usually stem from improper stack composition. This Skill highlights these common pitfalls and explains how to manage server data efficiently alongside client state.

Related Skills

Explore More Software Engineering Skills→
MarcoAntoliniMarcoAntolini
1

react-native-expo

Optimize React Native and Expo apps with Expo Router and NativeWind.

Community
Advanced
christofferbergjchristofferbergj
5

tanstack-integration-best-practices

Coordinate TanStack Query, Router, and Start integration for SSR hydration and centralized caching.

Community
Advanced
freekmurzefreekmurze
997

building-native-ui

Guide building cohesive native UI in Expo Router applications.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

react-native-mobile

Develop cross-platform React Native apps with TypeScript, React Navigation v6, and Redux Toolkit.

Community
Intermediate