React Native Mobile AI Skill Guide

Overview & Engine Architecture

React Native renders React component trees to native views (via the bridge or the New Architecture/JSI). Styling uses a Flexbox-like StyleSheet subset - not full browser CSS. Agents stick to platform-safe APIs, isolate native module usage, prefer well-maintained navigation (React Navigation), and clarify Expo managed vs bare workflow before adding native code.

JS/TS React tree
      |
  Fabric / Bridge
      |
  Native views (UIKit / Android Views)

When to use this skill