skills.rest
orchestra-mcp
orchestra-mcpOFFICIAL
Explore all skills by this author →
WebsiteGitHub

react-native-mobile

Develop React Native mobile apps with WatermelonDB offline sync and React Navigation.

3|1|Updated Feb 27, 2026
Search Tags:#ios#mobile development#android#react native#react navigation#offline sync#watermelonDB
One-click install
npx skills add https://github.com/orchestra-mcp/framework --skill react-native-mobile-orchestra-mcp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-mobile
Source: https://github.com/orchestra-mcp/framework/tree/main/.claude/skills/react-native-mobile
Command: npx skills add https://github.com/orchestra-mcp/framework --skill react-native-mobile-orchestra-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @nozbe/watermelondb, @nozbe/watermelondb/adapters/sqlite, @react-navigation/native, @react-navigation/native-stack, @react-navigation/bottom-tabs, @orchestra/shared/api/client, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a robust framework and patterns for building React Native mobile applications that require offline capabilities, seamless data synchronization, and efficient navigation.

Core Features & Use Cases

  • Offline-First Architecture: Utilizes WatermelonDB for local SQLite storage, enabling app functionality even without an internet connection.
  • Automatic Data Sync: Implements a reliable mechanism to synchronize local data changes with a Go backend.
  • Navigation: Manages complex app navigation flows using React Navigation.
  • Use Case: Develop a field service app where technicians can record data offline, and it automatically syncs to the central system once they regain connectivity.

Quick Start

Initialize the React Native mobile app's database and set up the navigation structure.

Frequently Asked Questions about react-native-mobile

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

FAQPage Schema
How do I add offline data persistence to a React Native mobile app?▼

Offline data persistence in React Native is handled by WatermelonDB using local SQLite storage. This allows your mobile app to retain full functionality and store data locally on iOS and Android devices even without an active internet connection.

How does offline sync work with WatermelonDB and a Go backend?▼

Offline sync with WatermelonDB tracks local database changes and automatically pushes them to a Go backend. When network connectivity is restored, the synchronization logic safely reconciles local modifications with the remote server data.

What is the best way to structure navigation in an offline-first React Native app?▼

The best way to structure navigation in an offline-first React Native app is using React Navigation. It manages complex app navigation flows through native-stack and bottom-tabs components, ensuring seamless screen transitions on both iOS and Android.

Does WatermelonDB support both iOS and Android platforms for local storage?▼

Yes, WatermelonDB supports both iOS and Android platforms for local storage. It uses a SQLite adapter to handle local data persistence, ensuring cross-platform offline-first capabilities for your React Native application.

Can I use this approach to build a field service app that syncs data after reconnecting?▼

Yes, you can build a field service app where technicians record data offline. The offline-first architecture automatically syncs the locally stored records to the central Go backend system once the device regains internet connectivity.

What do I need to set up before initializing a React Native offline database?▼

Before initializing a React Native offline database, you need to install WatermelonDB, define your database schema, create data models, and configure the SQLite adapter to ensure proper local storage and subsequent synchronization.

Related Skills

Explore More Software Engineering Skills→
anicca-labsanicca-labs

meta-ads

Configure the Facebook SDK for React Native/Expo app promotion and install attribution.

Official
Intermediate
assertchrisassertchris
2

custom-sync-skills

Sync local Claude skills with a remote Git repository.

Community
Advanced
kibertoadkibertoad
1

add-api-query

Automate data fetching and mutation with API contracts, typed HTTP client, and React Query.

Community
Intermediate
xiaoliwanshuixiaoliwanshui
21

flutter-caching-data

Implement offline-first caching for Flutter apps using SQLite or Hive.

Community
Intermediate