Toolverse
All skills
Mobile

react-native-architecture

by wshobson

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
wshobson
Category
Mobile
Views
78
GitHub repo

About this skill

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

How to use

  1. Utwórz nowy projekt Expo za pomocą komendy npx create-expo-app@latest my-app -t expo-template-blank-typescript, aby uzyskać bazę z TypeScript.

  2. Zainstaluj niezbędne zależności: npx expo install expo-router expo-status-bar react-native-safe-area-context, które zapewniają routing, pasek statusu i bezpieczne obszary ekranu.

  3. Zorganizuj strukturę projektu zgodnie z wytycznymi: umieść ekrany Expo Router w src/app/, komponenty UI w src/components/ui/, logikę biznesową w src/services/, a zarządzanie stanem w src/stores/.

  4. Wybierz podejście — Expo dla szybkiego startu z wbudowanymi aktualizacjami OTA, lub bare React Native jeśli potrzebujesz bezpośredniego dostępu do kodu natywnego i niestandardowych modułów.

  5. Implementuj nawigację za pomocą Expo Router, definiując grupy ekranów w katalogach (auth) i (tabs) oraz konfigurując layout główny w _layout.tsx.

  6. Skonfiguruj offline-first architekturę poprzez usługi w src/services/, zapewniając synchronizację danych gdy urządzenie powróci do połączenia sieciowego.

Related skills

senior-architect

by alirezarezvani

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack

Mobile
184296

openscad

by mitsuhiko

Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and export STL files for 3D printing platforms like MakerWorld.

Mobile
4291

claude-mobile-ios-testing

by krzemienski

Use when testing iOS apps on simulator, capturing screenshots for validation gates, automating UI testing with expo-mcp and xc-mcp, or verifying visual correctness - combines expo-mcp autonomous testing (React Native level) with xc-mcp simulator management (iOS level)

Mobile
15111

mobile-design

by sickn33

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or

Mobile
6091

build-iphone-apps

by glittercowboy

Build professional native iPhone apps in Swift with SwiftUI and UIKit. Full lifecycle - build, debug, test, optimize, ship. CLI-only, no Xcode. Targets iOS 26 with iOS 18 compatibility.

Mobile
1182

mobile-ios-design

by wshobson

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

Mobile
107284