skills.rest
kvm9-dev
kvm9-devCOMMUNITY
Explore all skills by this author →
GitHub

expo

Build Expo Router mobile apps with React Query, Context, and REST APIs.

2|Updated Apr 11, 2026
Search Tags:#permissions#react native#react query#expo#expo-router#mobile architecture#express api
One-click install
npx skills add https://github.com/kvm9-dev/susanoo --skill expo-kvm9-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: expo
Source: https://github.com/kvm9-dev/susanoo/tree/main/.local/skills/expo
Command: npx skills add https://github.com/kvm9-dev/susanoo --skill expo-kvm9-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill reduces the time and frustration of building Expo (React Native) apps by providing practical, opinionated guidelines for architecture, routing, state management, device permissions, and production-ready workflows.

Core Features & Use Cases

  • Production architecture guidance: Use Expo Router with consistent layout patterns, React Context for shared client state, and React Query for server state.
  • Device-capability-first implementation: Request and handle real permissions (Camera, Location, FileUploads, etc.) using correct patterns and fallbacks.
  • Frontend-backend integration rules: Define clear RESTful communication expectations with an Express + TypeScript backend for persistence and APIs.
  • Operational workflow guardrails: Use the correct restart workflow choices for backend vs frontend changes, and follow Replit publishing guidance.
  • Quality and safety pitfalls prevention: Avoid common Expo/React Native pitfalls around UUID generation, QueryClient usage, scrolling, safe areas, routing headers, and keyboard handling.

Quick Start

Use the expo skill to implement a new Expo Router mobile app that fetches data with React Query, shares state via React Context, and integrates Express REST APIs while correctly requesting Camera, Location, and file upload permissions.

Frequently Asked Questions about expo

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

FAQPage Schema
How do I structure an Expo Router app with React Query and React Context?▼

Handle mobile device permissions in React Native by following strict permission request flows for Camera, Location, and FileUploads, including correct platform-specific patterns and fallbacks to ensure safe user authorization.

What's the best way to connect an Expo mobile app to an Express REST API?▼

Connect Expo to an Express REST API by defining clear RESTful communication expectations, using environment-based API URLs, and managing network requests with React Query to handle streaming and data fetching safely.

Why does my Expo Router app break when using QueryClient or scrolling components?▼

Expo Router apps often break due to incorrect QueryClient usage, improper scrolling configurations, or mishandled keyboard behavior; following strict architectural guidelines prevents these common React Native UI pitfalls.

Can I use Expo Router for both mobile and web platforms without compatibility issues?▼

Yes, you can use Expo Router for both mobile and web by following strict platform and web compatibility rules, ensuring native tabs, safe areas, and routing headers render correctly across all environments.

How do I manage backend and frontend restart workflows when developing React Native apps?▼

Manage React Native development workflows by using the correct restart choices for backend versus frontend changes, ensuring Express API modifications and Expo frontend updates deploy safely without breaking production.

Related Skills

Explore More Software Engineering Skills→
vudovnvudovn
8.1k

templates

Load predefined scaffolding templates to initialize projects across multiple tech stacks.

Community
Intermediate
patriotnewsactivismpatriotnewsactivism
1

replit-auth

Integrate Replit authentication into Express and React apps using OpenID Connect with PKCE.

Community
Intermediate
robinebersrobinebers
46

native-data-fetching

Automate API calls, data fetching, and error handling in React Native apps.

Community
Advanced
AymaneerrachidiAymaneerrachidi

mobile-development

Develop cross-platform mobile apps with React Native and Expo.

Community
Advanced