Skills
.Work. You
Rest

0161-react-native-architecture

Community

Ship production-ready React Native apps

Software Engineering#native modules#react native#tanstack query#offline-first#eas build#expo router
AuthorMrJmpl3
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you design a scalable, production-ready React Native (Expo) architecture so navigation, state, native integrations, and offline behavior work together reliably from day one.

Core Features & Use Cases

  • Expo Router app structure: Establishes screen organization using route groups like auth, tabs, and modal flows for maintainable navigation.
  • State and offline-first data layer: Implements React Query with persistent async storage and offline network awareness for resilient syncing.
  • Native module integration patterns: Shows how to connect device capabilities (haptics, biometrics, notifications, push tokens) while keeping platform differences safe.
  • Performance and platform-specific UI: Recommends high-performance list rendering (FlashList), memoization, and responsive component patterns.

Quick Start

Use the 0161-react-native-architecture skill to scaffold an Expo Router project with React Query offline persistence, native module integrations, and performance-focused UI patterns.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: 0161-react-native-architecture
Download link: https://github.com/MrJmpl3/codex_____data_____configuration/archive/main.zip#0161-react-native-architecture

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.