mobile-rn
Skill8 starsChanged 58 days agoMITView on GitHub
Builds React Native and Expo apps in TypeScript — navigation with React Navigation or Expo Router, lists, forms, styling, gestures and animations with Reanimated, safe areas, accessibility and localization; networking with TanStack Query, response validation, persistence with MMKV, AsyncStorage, SQLite and secure storage; permissions, push notifications, deep links, background tasks, native modules and config plugins; performance with Hermes and the React profiler; and release with EAS Build, EAS Submit and EAS Update or bare Gradle and Xcode builds. Use when writing or changing React Native code, adding a native capability, configuring Expo, preparing a store build or an over-the-air update, or when the user asks how to do something in React Native, even if they do not name the library.
In this repository27 other files it gives its agents.
- AGENTS.mdAGENTS.md
- mobile-accessibilitySkill
- mobile-analyticsSkill
- mobile-androidSkill
- mobile-architectureSkill
- mobile-authSkill
- mobile-billingSkill
- mobile-ciSkill
- mobile-code-reviewSkill
- mobile-debugSkill
- mobile-detect-stackSkill
- mobile-firebaseSkill
- mobile-flutterSkill
- mobile-hardwareSkill
- mobile-iosSkill
- mobile-kmpSkill
- mobile-migrationSkill
- mobile-networkingSkill
- mobile-notificationsSkill
- mobile-observabilitySkill
- mobile-offline-syncSkill
- mobile-performanceSkill
- mobile-privacySkill
- mobile-releaseSkill
- mobile-securitySkill
- mobile-testSkill
- mobile-ui-uxSkill
The file
Files
Mobile React Native
Guides for building React Native and Expo apps. Cross-platform topics live in their own skills and have React Native references there: architecture and state in mobile-architecture, tests in mobile-test, debugging (Metro, native modules, builds) in mobile-debug, code review in mobile-code-review, security in mobile-security and Firebase in mobile-firebase.
Pick the topic
| Topic | Read |
| Navigation, lists, forms, styling, gestures, animations, accessibility, localization | references/ui-navigation.md |
| Networking, server state, validation, persistence, offline | references/data-networking.md |
| Permissions, push, deep links, background work, native modules, config plugins | references/platform-features.md |
| Performance, bundle, EAS Build, store submission and over-the-air updates | references/performance-release.md |
Before writing code
- Detect the setup: Expo (managed with Continuous Native Generation, or with committed
android/andios/) or bare React Native; the React Native and Expo SDK versions; whether the New Architecture is enabled. - Install libraries with
npx expo installin Expo projects, so versions match the SDK. - Libraries with native code need a new native build (a development build in Expo); they do not work in Expo Go unless the Expo SDK includes them.
- Native requirements of each platform still apply; see
mobile-iosandmobile-androidfor store and platform specifics.
Interface design
For UI/UX reviews, wireframes, design systems and screen redesigns, use mobile-ui-ux and its reference for this stack. For Apple targets, also consult its Apple design workflow; validate platform claims against current official guidance and the installed toolkit.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.