skills.rest
TheViziusGroup
TheViziusGroupOFFICIAL
Explore all skills by this author →
WebsiteGitHub

mobile-react-native

Guides building, migrating, and reviewing React Native and Expo enterprise mobile apps on Azure.

1|Updated Aug 10, 2026
Search Tags:#azure#mobile development#e2e testing#react native#expo#msal#new architecture
One-click install
npx skills add https://github.com/TheViziusGroup/vibe-engineering-skills --skill mobile-react-native-theviziusgroup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-react-native
Source: https://github.com/TheViziusGroup/vibe-engineering-skills/tree/main/plugins/mobile-development/skills/mobile-react-native
Command: npx skills add https://github.com/TheViziusGroup/vibe-engineering-skills --skill mobile-react-native-theviziusgroup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? React Native teams face a fast-moving ecosystem: the legacy Bridge architecture is end-of-life, App Center is retired, and choosing between state libraries, navigation stacks, E2E frameworks, and OTA update paths is error-prone. This Skill consolidates current, version-aware guidance so you make the right architectural decisions the first time. ## Core Features & Use Cases - New Architecture migration: Adopt JSI, TurboModules, Fabric, and Codegen with a concrete RN 0.76–0.82 / Expo SDK 53–55 timeline and third-party module audit steps. - Stack selection: Opinionated picks for state (TanStack Query, Zustand, Redux Toolkit, Jotai), navigation (React Navigation v7, Expo Router), lists (FlashList), and animations (Reanimated 3). - Testing & delivery: Maestro vs Detox E2E trade-offs, EAS Build/Submit/Update, and App Center retirement re-platforming to Azure DevOps, GitHub Actions, Sentry, and Azure Monitor. - Azure enterprise integration: react-native-msal auth with Entra ID, PKCE flow, and OpenTelemetry to Application Insights with Hermes instrumentation caveats. - Use Case: You are migrating an enterprise Expo app off App Center before retirement. Use this Skill to map each App Center pillar (CI/CD, OTA, crash reporting, analytics) to its replacement and configure MSAL auth correctly on iOS and Android. ## Quick Start Ask the assistant to review your React Native app's architecture and produce a migration plan to the New Architecture with App Center replacements.

Frequently Asked Questions about mobile-react-native

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

FAQPage Schema
How do I migrate a React Native app to the New Architecture?▼

The New Architecture is default since RN 0.76 and mandatory from RN 0.82 / Expo SDK 55. Audit every third-party native module for compatibility, run npx expo-doctor against the React Native Directory, and adopt JSI, TurboModules, Fabric, and Codegen.

Maestro vs Detox for React Native E2E testing?▼

Maestro is generally preferred: YAML-based black-box testing via the accessibility layer with sub-1% flakiness and no native build changes. Detox offers deeper RN integration but requires heavy native setup and showed poor reliability on physical devices in reported case studies.

What replaces App Center after its retirement?▼

App Center retired March 31, 2025 (Analytics extended to ~2026-2027). Replace CI/CD with Azure DevOps or GitHub Actions plus Fastlane, OTA with CodePush or EAS Update, crash reporting with Sentry or Crashlytics, and analytics with Azure Monitor.

How do I add Entra ID authentication to a React Native app?▼

Use react-native-msal, which wraps MSAL for iOS and Android and supports Entra ID and Azure AD B2C. Configure OAuth 2.0 Authorization Code with PKCE via the system browser, set CFBundleURLSchemes on iOS and BrowserTabActivity on Android, and validate RS256 JWTs server-side.

Does OpenTelemetry auto-instrumentation work with Hermes?▼

No, OTel auto-instrumentation does not work on Hermes or JSC runtimes. Create spans manually and correlate them to backend traces using W3C Trace Context, exporting to Azure Monitor Application Insights via @azure/monitor-opentelemetry-exporter.

Which state management library should I use for React Native?▼

Split server state from client state: use TanStack Query for server caching and pagination, Zustand for lightweight global client state, Redux Toolkit with RTK Query for large apps needing devtools and offline-first writes, and Jotai for atomic scoped state.

Related Skills

Explore More Software Engineering Skills→
rodrigotoledorodrigotoledo

react-native-expert

Scaffold React Native apps with Expo Router and TypeScript strict mode.

Community
Advanced
RitenoobRitenoob

eas-mobile-deployment

Manage EAS builds, submissions, and OTA updates for the RidenDine mobile app.

Community
Advanced
dimitriRemoivilledimitriRemoiville
1

flutter-security

Implement secure storage, certificate pinning, and integrity checks in Flutter apps.

Community
Advanced
PostalocityPostalocity
1

mobile-developer

Guide iOS and Android development with Swift, Kotlin, and cross-platform frameworks.

Official
Intermediate