React Native Best Practices
by software-mansion-labse3f00cdb3494MIT291 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 10 days ago
Software Mansion's best practices for production React Native and Expo apps on the New Architecture. MUST USE before writing, reviewing, or debugging ANY code in a React Native or Expo project. If the working directory contains a package.json with react-native, expo, or expo-router as a dependency, this skill applies. Trigger on: any code task in a React Native/Expo project, 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched-html', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', 'Bundle Mode', or any question involving UI, graphics, native modules, or React Native threading and animation behavior. Also use when a more specific sub-skill matches.
- e3f00cdb3494Currentcommit e3f00cdPublished Oct 8, 2026
Source and attribution
Source:software-mansion-labs/skillsinskills/react-native-best-practicesat commite3f00cd
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from software-mansion-labs/skills
Svg
software-mansion-labs
Guides SVG rendering in React Native apps using the react-native-svg library.
Rich Text
software-mansion-labs
Guides building rich text editors and HTML or Markdown renderers in React Native using Software Mansion's enriched libraries.
Jsi
software-mansion-labs
Reference guidance for writing React Native JSI C++ code that bridges native code and the JavaScript engine.
Gestures
software-mansion-labs
Best practices for implementing touch gestures in React Native apps with React Native Gesture Handler.
Enable Worklets Bundle Mode
software-mansion-labs
Enables react-native-worklets Bundle Mode in a React Native or Expo app, including the required metro patches.
Audio
software-mansion-labs
Best-practice guidance for implementing audio playback, recording, effects and analysis in React Native apps.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.