skills.rest
ugudlado
ugudladoCOMMUNITY
Explore all skills by this author →
GitHub

mobile-engineer

Establish scalable mobile architectures for Expo React Native applications.

Updated Apr 14, 2020
Search Tags:#typescript#architecture#mobile#zustand#react-native#expo
One-click install
npx skills add https://github.com/ugudlado/react-expo-api-template --skill mobile-engineer-ugudlado
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-engineer
Source: https://github.com/ugudlado/react-expo-api-template/tree/main/.claude/skills/mobile-engineer
Command: npx skills add https://github.com/ugudlado/react-expo-api-template --skill mobile-engineer-ugudlado

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Establish scalable mobile architectures for Expo React Native applications.

Core Features & Use Cases

  • Architecture patterns for scalable module boundaries, clean separation of concerns, and consistent project structure across Expo/React Native apps.
  • State management guidance with Zustand and Offline-capable patterns using AsyncStorage to maintain data across sessions.
  • Navigation and UI patterns using Expo Router with accessible components, theming, and platform-specific considerations.
  • Platform-specific code guidance to manage differences between iOS, Android, and web while keeping a single source of truth.

Quick Start

Create a new Expo screen using the file-based router, add a Zustand store, and wire it to a typed API service with offline caching.

Frequently Asked Questions about mobile-engineer

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

FAQPage Schema
How do I structure a scalable Expo React Native architecture with TypeScript?▼

A scalable Expo React Native architecture uses clear module boundaries and separation of concerns to maintain project consistency. It establishes structured patterns for screens, navigation flows, and stateful UI across your TypeScript application.

What is the best way to manage state in Expo React Native using Zustand?▼

State management in Expo React Native using Zustand involves creating stores for stateful UI and implementing offline-capable patterns. It integrates with AsyncStorage to maintain data persistence across user sessions reliably.

How do I set up Expo Router for navigation flows and theming?▼

Expo Router sets up navigation flows using file-based routing for accessible components. It provides patterns for consistent theming and handles platform-specific UI considerations across iOS, Android, and web.

Can I handle platform-specific code differences while keeping a single source of truth in React Native?▼

Platform-specific code in React Native can be managed while keeping a single source of truth for your application. The architecture provides guidance to handle differences between iOS, Android, and web consistently.

How do I add an Expo screen with a Zustand store and offline caching?▼

To add an Expo screen, use the file-based router to create the view, configure a Zustand store for local state, and wire it to a typed API service. This setup includes offline caching to maintain data across sessions.

Related Skills

Explore More Software Engineering Skills→
MercurykzMercurykz

react-native-expert

Automates scaffolding React Native apps with Expo Router for iOS and Android.

Community
Advanced
FutureAtomsFutureAtoms
1

react-native-2026-state-management

Configure Zustand and TanStack Query for React Native state management.

Community
Advanced
YSheldonYSheldon

mobile-ui

Implement consistent UI patterns for Expo-based mobile apps with Expo Router.

Community
Intermediate
wshobsonwshobson
38.6k

react-state-management

Guide React state management with Redux Toolkit, Zustand, Jotai, and React Query.

Community
Intermediate