Stats
Actions
Tags
From sage
Provides up-to-date React Native patterns for New Architecture (Fabric/TurboModules), Expo, navigation, and performance. Corrects common Bridge-era mistakes in LLM output.
How this skill is triggered — by the user, by Claude, or both
Slash command
/sage:react-nativeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
**Layer 2 — Framework Pack**
Layer 2 — Framework Pack
React Native patterns for the New Architecture era (0.76+). Fabric, TurboModules, Expo, navigation, and the mistakes agents make from old Bridge-era training data.
React Native underwent a fundamental architectural shift. The old Bridge (async JSON serialization between JS and native) is replaced by JSI (direct synchronous C++ references). Fabric replaces the old UI Manager. TurboModules replace legacy Native Modules. Starting from RN 0.82, the New Architecture is always-on and can't be disabled.
LLMs trained on 2018-2023 content produce Bridge-era patterns: old lifecycle methods, legacy navigation libraries, manual native module boilerplate. This pack establishes New Architecture as the baseline and corrects stale patterns.
| Type | Files | Coverage |
|---|---|---|
| Patterns | 7 | New Architecture, Expo workflow, navigation, state management, native modules, lists, styling |
| Anti-patterns | 5 | Bridge-era patterns, wrong navigation library, blocking JS thread, inline styles everywhere, unnecessary native modules |
| Constitution | 1 | 5 React Native-specific principles |
| Gate | 1 | RN pattern compliance check |
npx claudepluginhub xoai/sageProvides React Native patterns for Expo workflows, Expo Router navigation, FlatList/MMKV performance optimization, Reanimated animations, Zustand state, and New Architecture (Fabric, TurboModules).
React Native patterns — New Architecture (Fabric/TurboModules), Expo, navigation, performance
Provides React Native and Expo best practices for performant mobile apps, including list optimization with FlashList, Reanimated animations, native navigation, and UI patterns like expo-image.